[英]Word-wrap in a html table in mozilla
我有一個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>
請幫忙
在我的書簽中的某個地方找到了它,它仍然只適用於空格。 或在特定字符或服務器端將單詞拆分。
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+ */
}
分詞和自動換行適用於單獨的單詞,而不適用於單個非常長的單詞/字符序列。 我希望這能為您敲響鍾聲。
如果您輸入“ AAAAAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRGRGGGGGGGGGGGGGGGGGGGGGGGGG”,則會產生
AARRRRRRRRRRRRRRRRRRRR
RRGGGGGGGGGGGGGGGGGGGG
G
我已經從Google的幾個不同網站上借鑒了我的榜樣。 我已經在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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.