Question

我有一个HTML代码，它在IE中正常工作，但它在Mozilla中不起作用

请参阅下面的代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>

<BODY>
<TABLE BGCOLOR="#B6EBFF" BORDER="3">
 <TR>
  <TD ALIGN="CENTER" STYLE="WORD-BREAK: BREAK-ALL;">
  thisisthetextabcdefghijklthisirrrrrrrrrrrrrrrrrrrsthetextabcdefghijklthisisthetextabcdefghijklthisisthetextabcdefghijklthisisthetextabcdefghijklthisisthetextabcdefghijklthisisthetextabcdefghijklthisisthetextabcdefghijklthisisthetextabcdefghijklthisisthetextabcdefghijklthisisthetextabcdefghijkl

  </TD>
 </TR>
 <TR>
  <TD ALIGN="LEFT" BGCOLOR="FFFEA8">this is the text</TD>
 </TR>
</TABLE>
</BODY>
</HTML>

请帮助

Answer 1

在我的书签中的某个地方发现它仍然只适用于空格。或者在某个角色或服务器端分割单词。

td
{
    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+ */
}

Answer 2

单词分词和自动换行是针对单独的单词，而不是单个非常长的单词/字符序列。我希望这会给你带来一些响亮。

Answer 3

如果输入“AAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRRRGGGGGGGGGGGGGGGGGGG 这将产生

AARRRRRRRRRRRRRRRRRRRR
RRGGGGGGGGGGGGGGGGGGGG
G

我在谷歌的几个不同的网站上采取了我的例子。我已经在ff 5.0，IE 8.0和Chrome 10上测试了它。它适用于所有这些。

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

<table style="table-layout:fixed; width:400px">
    <tr>
        <td class="wrapword">
        </td>
    </tr>
</table>

在mozilla的html表中自动换行

3 个答案: