当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > html pre标签使文本自动换行

CSS样式表
有趣的Unicode CSS类命名方式
调整CSS类型的顺序改变链接翻滚
CSS实现网页中的隔行换色代码
巧妙运用CSS立刻改变鼠标的样式
CSS教程,CSS固定表头的HTML表格
CSS教程,让网页对搜索引擎更友好
WEB标准,Web前端工程师定位浅谈
CSS配合JavaScript做酷的动态页面效果
WEB标准,Web前端开发工程师必备技术列表
用CSS制作Alpha滤镜测试板
非常流行的所谓的气泡窗口
CSS教程:li和ul标签用法举例
无延迟翻滚的图形与CSS混合风格按钮
浏览器Quirksmode模式与CSSCompat模式
CSS布局实例:上中下三行,中间自适应
CSS初学者应该保持的一种心态
基本的页面设计元素布局比例
DIV CSS常见错误汇总
如何用CSS让文字居于div的底部
从A页面连接到B页面后并直接把B页面的隐藏层显示

CSS样式表 中的 html pre标签使文本自动换行


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-20   浏览: 395 ::
收藏到网摘: n/a

使用<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。