html pre标签使文本自动换行
发布时间：2010-01-17 00:29:32 作者：佚名 
我要评论
我要评论该CSS方案可让pre标签内的文本自动换行，我在我有的浏览器上都测试了一下，全部支持，IE6，IE7,IE8,Firefox,Opera,Safari和Chrome。
使用<pre></pre>标签，并设置其样式如下：
pre{
white-space:pre-wrap;/*css-3*/
white-space:-moz-pre-wrap;/*Mozilla,since1999*/
white-space:-pre-wrap;/*Opera4-6*/
white-space:-o-pre-wrap;/*Opera7*/
word-wrap:break-word;/*InternetExplorer5.5+*/ }
该CSS方案可让pre标签内的文本自动换行，我在我有的浏览器上都测试了一下，全部支持，IE6，IE7,IE8,Firefox,Opera,Safari和Chrome。
复制代码
代码如下:pre{
white-space:pre-wrap;/*css-3*/
white-space:-moz-pre-wrap;/*Mozilla,since1999*/
white-space:-pre-wrap;/*Opera4-6*/
white-space:-o-pre-wrap;/*Opera7*/
word-wrap:break-word;/*InternetExplorer5.5+*/ }
该CSS方案可让pre标签内的文本自动换行，我在我有的浏览器上都测试了一下，全部支持，IE6，IE7,IE8,Firefox,Opera,Safari和Chrome。
相关文章
在使用 canvas 绘制某字符串的时候，我们可能想要让该字符串在某处按要求换行。那么应该如何实现，本文就来介绍一下，有兴趣的可以了解一下2018-09-17- 在显示评论列表的时候因为有固定宽，但是显示的内容超出的了div的宽，在这种情况下我们需要将其换行，实现的css代码如下2014-07-22
- 文字会自动换行，可以使用css来解决这个问题，word-break属性想必大家并不陌生吧，不熟悉的朋友可以看看本文2014-05-08
- 本文为大家介绍下html 中div不自动换行的多种实现，如可以使用nobr标签实现不换行，用nowrap元素等等，感兴趣的朋友可以参考下2014-01-26
- 这时候，你可以使用overflow:auto; (当代码超出容器边界的时候，显示滚动框)， 但这个方法也并不适用于所有主流浏览器，一些浏览器会直接截断超出的内容 。 我们都知道&l2009-06-06
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
这篇文章主要介绍了如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度的相关资料,需要的朋友可以参考下2019-08-01
最新评论