換行長字在引導流體容器中不起作用

Question

我一直在使用引導程序來使頁面移動友好。 我的內容是動態生成的，因此，如果有人輸入很長的文本（例如lorem ipsum），那沒關系，因為我截斷了文本，但是長字存在問題。

這是實際情況： 實際

這就是我希望的樣子： 預期的

我嘗試了以下解決方案，但無濟於事：

• bootstrap 3將文本內容包裝在div中以進行水平對齊
• 自動換行不起作用的自動換行
• Twitter Bootstrap按鈕文本自動換行

我正在使用Bootstrap 3.3.2，Twig和Symfony。 這是代碼

<tr class="row">
<td class="col-sm-12 clickable" data-toggle="modal" data-target="#myModal-{{pregunta.id}}">
    <div style="height:150px;overflow:hidden; text-overflow:ellipsis;">
        {{ pregunta.contenido|markdown|raw|truncate(150) }}
    </div>
</td>

這是它的呈現方式：

<tr class="row">
<td class="col-sm-12 clickable" data-toggle="modal" data-target="#myModal-4">
    <div style="height:150px;overflow:hidden; text-overflow:ellipsis;">
        <p>PreguntaaaaaaaaaaaaaaaaLargaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaioooooooooooo</p>

    </div>
</td>

我還添加了該屬性

p{
word-wrap: break-word;}

在我的css中，如果我檢查了該段，也添加了空格：normal; 而且沒有用

Answer 1

如果您在元素上指定寬度，則它應該自行包裝而無需其他任何東西。 你有嘗試過嗎？ 我也認為自動換行僅在您指定寬度時才有效