CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – Bootstrap表溢出与长的不间断的文本大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Bootstrap,我有一个表有几列,最后一个有时有一个长的文本没有空格。我注意到,在某些屏幕尺寸下,表将溢出其父div,并创建丑陋的重叠与其兄弟表。

我玩弄了它,我认为问题与文本没有空间。我创建了一个jsfiddle,演示了我的意思。

正如你所看到的,最左边的表格行为很好,只是垂直增长以容纳更多的文本。然而,左下表导致右侧溢出,这是由于长的不间断文本,并且左下表的右列卷绕在其兄弟下“下”。

有人有任何提示,如何我可以解决这个问题,以便非常长的文本被剪辑或部分拆分到一个新行?

解决方法

将以下样式添加到您的< table>
.the-table {
    table-layout: fixed;
    word-wrap: break-word;
}

然后你可以根据需要通过CSS调整布局。

大佬总结

以上是大佬教程为你收集整理的css – Bootstrap表溢出与长的不间断的文本全部内容,希望文章能够帮你解决css – Bootstrap表溢出与长的不间断的文本所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。