前端之家收集整理的这篇文章主要介绍了
css – Bootstrap表溢出与长的不间断的文本，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我使用Bootstrap，我有一个表有几列，最后一个有时有一个长的文本没有空格。我注意到，在某些屏幕尺寸下，表将溢出其父div，并创建丑陋的重叠与其兄弟表。
我玩弄了它，我认为问题与文本没有空间。我创建了一个jsfiddle，演示了我的意思。
正如你所看到的，最左边的表格行为很好，只是垂直增长以容纳更多的文本。然而，左下表导致右侧溢出，这是由于长的不间断文本，并且左下表的右列卷绕在其兄弟下“下”。
有人有任何提示，如何我可以解决这个问题，以便非常长的文本被剪辑或部分拆分到一个新行？
将以下样式
添加到您的< table>
.the-table {
table-layout: fixed;
word-wrap: break-word;
}
然后你可以根据需要通过CSS调整布局。
原文链接：https://www.f2er.com/css/222901.html
