关于内容折行

最新推荐文章于 2024-04-16 19:19:57 发布

原创最新推荐文章于 2024-04-16 19:19:57 发布 · 548 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap

bootstrap笔记专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在网页布局中如何处理长字符串的自动换行问题，包括使用<p>标签、<pre>标签以及在表格单元格内通过特定字符实现换行的方法。

把一段文字比如英文句子或者中文的句子放到标签中如<p class="text-danger"></p>中，浏览器缩小，内容会自动折行的。这类无需多考虑。

对于一些无规律的字符串例如se_im_weixin_rescccccult_listing:1;se_im_wbbbbbeixin:2;se_im_weixaaain_mp:2，有时也想放入p标签来显示。但是内容过长的话不会自动折行，导致布局变形。这个时候可以采用<pre></pre>标签来存放，这样就会自动折行了。

有时候会在表格中的一个单元格中放置一个很长的字符串数据，长度甚至超出屏幕长度，这时候可以在内容中加上横杠“-” 来折行，bootstrap在单元格中遇到 - 会自动折行。