在HTML段落上的自动换行

时间:2011-10-20 08:54:42

标签: html css

我在表格中有一个段落标记,例如它有一个像这样的文本......

4: asldkflaksdjflks, lasjdlfjsaldfjasldjfoajsdkfjaslkdjlkfasjdfwoidjfalk,zmncv,mznoqeworjoiejflaksdlfjwaf

文本如何包装这样的东西..

4: asldkflaksdjflks, lasjdlfjsaldfjasldjfoajsdkfjaslkdjlkfasj
dfwoidjfalk,zmncv,mznoqeworjoiejflaksdlfjwaf

我尝试了word-wrap:break-word;,但似乎没有用。我正在使用IE8

这是我的css:

#notes table tr td p{
    font-family:Arial;
    padding:2% 2% 2% 5%;
    table-layout: fixed;
    word-wrap: break-word;

更新1

我的问题出错了。对于那个很抱歉。我希望文本不要包装,即使有一个空白区域。但如有必要,它将下到下一行。希望这次我更清楚。

是否有一个看起来像空格的角色,但不会作为自动换行的断点?

3 个答案:

答案 0 :(得分:2)

您可以将文字放入<pre>标记,并将<pre>标记放入<p>标记中。 <pre>允许您控制html中的文本换行。如果<p>折叠为<pre>的大小,则在<p>上设置宽度。这有帮助吗?

答案 1 :(得分:1)

&nbsp;是一个HTML不间断的空间。这就是你要找的东西吗?

答案 2 :(得分:0)

如下所述:http://www.css3files.com/text/#wordwrap自动换行属性与IE8不兼容。

我认为使用简单的HTML和CSS在IE8上执行此操作是不可能的,您必须在javascript中执行此操作。

编辑:似乎最终有一个解决方案:word-wrap:break-word not working in IE8