我有一个htmlcode
标签,包裹在pre
具有固定宽度的标签,并且自动换行变得难看:
我想要实现的是,文本不会自动在空格上断开,但是当我添加white-space: nowrap
to the code
元素,整个内容折叠成一行,因此所有 \n 和 \r 字符也被忽略:
有谁知道如何防止自动换行,但保留预期的换行?
该问题是由 twitter bootstrap 引起的。
无论出于何种原因,他们在代码标签中添加了以下样式:
white-space:pre;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;
通过使用以下内容覆盖样式:
white-space: pre;
word-break: normal;
word-wrap: normal;
问题已解决。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)