站内搜索

【HTML】让
标签文本自动换行

利用<pre></pre>这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。
也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和<BR>等来表示空格或者回车了。

但是,默认情况下,<pre /> 标签中的内容若超出范围不会自动换行,这样无论在显示或打印都会出现麻烦。

下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码:

  1. pre{
  2. white-space:pre-wrap;
  3. white-space:-moz-pre-wrap;
  4. white-space:-pre-wrap;
  5. white-space:-o-pre-wrap;
  6. word-wrap:break-word;
  7. }

 

父标记最好加个DIV,并设置CSS属性:

word-wrap: break-word;white-space : normal
  • 上一篇:十六进制颜色码
  • 下一篇:用HTML和CSS打造属于自己的暖男“大白”_HTML/Xhtml_网页制作