pre 强制换行


当前位置: 懒人建站 > javascript > 网页特效 >

css强制pre标签换行

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"重新换行。还可以使一长串连续的英文字符也强制换行。

本文链接: css强制pre标签换行http://www.51xuediannao.com/js/texiao/csspre.html.html


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM