css强制pre标签换行,pre标签的功能就是保留文本源格式,将会保留文本的长度,空格空行等。我们可以使用如下css实现pre标签强制换行,css如下:
css强制pre标签换行,pre标签的功能就是保留文本源格式,将会保留文本的长度,空格空行等。有时候我们制作网页的时候,偶尔会遇到这种情况:不换行的pre标签内容跑到页面的框架外边去了,导致跑出去的内容无法看到,或者页面变得乱七八糟。
我们可以使用如下css实现pre标签强制换行,css如下:
pre{
white-space: pre-wrap!important;
word-wrap: break-word!important;
*white-space:normal!important;
}
好了我们来扩展一下,这段代码不仅仅可以使pre换行还可以使style="white-space:nowrap"重新换行。还可以使一长串连续的英文字符也强制换行。
本文由 创作,采用 知识共享署名4.0 国际许可协议进行许可。本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。最后编辑时间为: 2020/05/15 01:45