【HTML】让<pre>标签文本自动换行
2013-09-06 18:00
411 查看
利用<pre></pre>这个标签可以将其包起来的文字排版、格式，原封不动的呈现出来。
也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的，不用 和<BR>等来表示空格或者回车了。
但是，默认情况下，<pre /> 标签中的内容若超出范围不会自动换行，这样无论在显示或打印都会出现麻烦。
下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码：
pre{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}父标记最好加个DIV,并设置CSS属性：
word-wrap: break-word;white-space : normal
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【HTML】让<pre>标签文本自动换行
- 让<pre>标签文本自动换行
- 让tinyMce输出<pre>标签html代码自动换行
- <pre>标签里面的内容实现自动换行（默认不会自动换行）
- HTML的<a>标签利用href=#XX在当前页面跳转时会自动打开新窗口的问题
- <pre>中文字自动换行
- 如何让html 标签<textarea>文本域 在Opera浏览器下自动换行
- 解决<pre>标签里的文本换行(兼容IE, FF和Opera等)
- HTML的<pre></pre>标签
- html pre标签使文本自动换行
- 关于html中的<pre>标签
- 解决<pre>标签里的文本换行(兼容IE, FF和Opera等)
- html中的<pre>标签
- HTML的<pre>标签中嵌套HTML标签时被解析的解决方案
- HTML学习---------1.14 在文本中插入一行或多行代码使用的标签<code> <pre>
- HTML中的<pre>标签
- Editplus 中将文本换行替换为<p>标签的正则表达式
- <td>中的文本自动换行
- HTML中<pre>标签介绍
- 在JS里面,取struts的<html:form>标签里面的<html:text property="title"/>值