div中的自动换行?

时间:2011-03-16 05:57:35

标签: html text word-wrap

我试图在div中包装文本。有办法吗?

以下是相关代码:

<div width="700"><pre><p> " . $texts . "</p></pre></div>

有任何线索吗?

1 个答案:

答案 0 :(得分:1)

http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/

“长行是由使用pre html标签引起的.pre标签保留了一大块文本中的空格和换行符。非常适合显示代码片段。但是,某些代码行很长并且会运行这就是我的侧边栏被推到IE页面底部的原因。“

修复:

pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}