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不能在引导流体容器中工作

回答

相关问题