HTML中的<pre>标签,宽度固定

Question

我正在使用<pre>标签显示预先格式化的文本(包括换行符,空格和制表符等).但是没有换行符的大行显示在一行中,并添加了滚动条.

我想限制<pre>标签的宽度(这样大的线条就会分解成新的线条而不需要滚动.这可能或者是否有其他标签我可以使用？

代码是这样的:

$.post("contr.php", q1, function(data) {
    $("#el_text").html("< pre>"+data+"< /pre>");
});

Answer 1

在几乎所有浏览器中支持它的详尽方法:

pre {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}

我不久前遇到了同样的问题,并在此处找到了解决方案:http: //codingforums.com/showthread.php？t = 4323

Answer 2

pre{
    white-space:pre-wrap;
}

..在Firefox和Chrome中你想要什么 - 包装线但保留空白.但不幸的是,IE似乎并不支持它(虽然我还没有看过IE8).

编辑:IE8 支持它.