留言板

您的昵称:

联系方式:

留言内容:

         
点击关闭

源码输出的内容无法换行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"重新换行。还可以使一长串连续的英文字符也强制换行。

本文出至:新太潮流网络博客
转载请注明出处:新太潮流网络博客

相关推荐



评论(每1小时刷新一次评论缓存,您的评论一小时后才会显示