Word-Wrap不能在引導流體容器中工作

我一直在使用引導程序來使我的頁面移動友好。我的內容是動態生成的，所以如果有人提出一個非常長的文本（如lorem ipsum）它可以，因爲我有一個截斷，但我有長詞的問題。Word-Wrap不能在引導流體容器中工作

繼承人的實際情況：Actual

這是我多麼希望它看起來像：Intended

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

我使用的是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 ，如果我檢查這個段落，它有它，也加上了空白：正常;並且它不起作用

來源

2015-11-13 Aoshido

如果您在元素上指定了寬度，它應該自動換行而不需要其他任何東西。你嘗試過嗎？此外，我認爲單詞包裝只適用於如果您指定寬度

來源

2015-11-13 20:48:47 konnection

我不能指定寬度，或者它會在移動設備或臺式機上看起來不錯，但不是兩種。換句話說，我會失去自舉流體容器 – Aoshido

如何設置p元素上的最大寬度？ – konnection

和以前一樣，如果我設置100px的最大寬度（例如），它在手機上看起來不錯，但在臺式機上看起來不錯。如果我設置一個更大的最大寬度，那將是相反的 – Aoshido

Word-Wrap不能在引導流體容器中工作

回答

相關問題