我有不適合表格單元格的logn字符串。實際上,字符串是一個長單詞。使用css格式化長文本字符串
是否有可能使用CSS來包裝這麼長的單詞?
我:
|klasdflksadjflsadkfj;lasdkfj;lsdkfjldskfjlsadkfj;lsdkfjklsajdf|
我想:
|klasdflksadjflsadkfj;lasdkfj;lsd|
|kfjldskfjlsadkfj;lsdkfjklsajdf |
我有不適合表格單元格的logn字符串。實際上,字符串是一個長單詞。使用css格式化長文本字符串
是否有可能使用CSS來包裝這麼長的單詞?
我:
|klasdflksadjflsadkfj;lasdkfj;lsdkfjldskfjlsadkfj;lsdkfjklsajdf|
我想:
|klasdflksadjflsadkfj;lasdkfj;lsd|
|kfjldskfjlsadkfj;lsdkfjklsajdf |
你需要:在CSS3
word-wrap: break-word
;
對於跨瀏覽器解決方案,您需要更改單元格中的文本(使用javascript)並添加一些中斷。
+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
*「或跨瀏覽器解決方案...」*這將似乎是規範正在追逐現有實踐的地方之一。上述工作在IE6及以上版本,以及當前版本的Chrome,Firefox,Opera和Safari。如果您處於嚴格標準模式,則可能需要使用特定於供應商的版本(例如,「-ms-word-wrap」)。 – 2011-03-17 12:19:00
@ T.J Crowder:記住這個問題中的單詞* table-cell * :) http://jsfiddle.net/tDUvf/ – 2011-03-17 12:26:21