2010-07-30 80 views
0

我有一個HTML代碼在IE它工作正常,但它不是在Mozilla工作自動換行的HTML表格在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> 

請幫助

+0

你有一個單詞。如何,它應該在哪裏破裂? *期望的*正常*行爲是什麼? – 2010-07-30 07:08:20

+0

而你的問題是,你想表現什麼? – Tim 2010-07-30 07:09:13

回答

0

發現這在我的書籤中,它仍然只是用白色空格。或者將單詞分成特定的字符或服務器端。

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

在我的情況下,沒有任何空格。 我已經使用此代碼,但它不工作 – sang 2010-07-30 07:23:18

+0

這就是我所說的。你使用任何像php一樣的服務器端腳本語言? – Tim 2010-07-30 07:54:26

0

單詞中斷和單詞換行用於單獨的單詞,而不是單個非常長的單詞/字符序列。我希望這會爲你敲響一些鐘聲。

0

如果你輸入「AAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRRRGGGGGGGGGGGGGGGGGGGGG」 這將產生

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>