繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > html pre标签使文本自动换行
- CSS样式表
- 理解(X)HTML的文档结构
- CSS教程：理解继承属性及应用
- CSS网页布局：关于定位（position）
- CSS简单实现网页悬浮效果（对联广告）
- CSS教程：行高line-height属性(1)
- CSS Sprite图片处理技巧
- CSS教程:最基本的条状图表
- CSS教程:复合型条状图表
- 网页布局 CSS简单实现垂直居中
- CSS网页实例：斜角滑动门导航条
- CSS教程:专门介绍滑动门
- 网页文字应用CSS的一些技巧
- IE7与web标准设计（1）
- IE7与web标准设计（2）
- 网页的中英文字体对齐问题的解决
- IE7与web标准设计（3）
- CSS教程:网页英文字体和中文字体应用
- css教程:css和document
- CSS规则的结构和Grouping、class和id
- CSS解决浏览器的等宽空格问题
CSS样式表 中的 html pre标签使文本自动换行
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-20 浏览: 419 ::
收藏到网摘: 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。
评论 (0) All
