2011-03-17 32 views
1

我有不適合表格單元格的logn字符串。實際上,字符串是一個長單詞。使用css格式化長文本字符串

是否有可能使用CSS來包裝這麼長的單詞?

我:

|klasdflksadjflsadkfj;lasdkfj;lsdkfjldskfjlsadkfj;lsdkfjklsajdf| 

我想:

|klasdflksadjflsadkfj;lasdkfj;lsd| 
|kfjldskfjlsadkfj;lsdkfjklsajdf | 

回答

3

你需要:在CSS3

word-wrap: break-word 

;

對於跨瀏覽器解決方案,您需要更改單元格中的文本(使用javascript)並添加一些中斷。

+0

+1更多信息:http://www.w3.org/TR/css3-text/#word-wrap,https://developer.mozilla.org/En/CSS/Word-wrap,http:/ /msdn.microsoft.com/en-us/library/ms531186(VS.85,loband).aspx測試:http://jsbin.com/uyuku4 – 2011-03-17 12:16:42

+0

*「或跨瀏覽器解決方案...」*這將似乎是規範正在追逐現有實踐的地方之一。上述工作在IE6及以上版本,以及當前版本的Chrome,Firefox,Opera和Safari。如果您處於嚴格標準模式,則可能需要使用特定於供應商的版本(例如,「-ms-word-wrap」)。 – 2011-03-17 12:19:00

+0

@ T.J Crowder:記住這個問題中的單詞* table-cell * :) http://jsfiddle.net/tDUvf/ – 2011-03-17 12:26:21

0

您可以使用word-wrap:break-word根據caniuse.com此屬性有良好的瀏覽器支持。

+0

這是爲什麼被拒絕? – warmanp 2011-03-17 14:48:38

+0

我剛剛投了票。所以不要擔心:D – Denis 2013-06-12 11:28:39