CSS - 隱藏溢出

是否有可能隱藏的文本溢出說一個固定寬度的DIV，並以「......」代替它？它顯然看起來很醜，如果文本被切斷，我真的需要能夠顯示...在這些情況下。CSS - 隱藏溢出

2010-09-19 Joe

退房這個問題的HTTP ：//stackoverflow.com/questions/802175/truncating-long-strings-with-css-feasible-yet – irishbuzz 2010-09-19 17:08:18

你可以用text-overflow: ellipsis;做到這一點，但它似乎並沒有在IE6和火狐工作..

http://www.quirksmode.org/css/textoverflow.html

來源

2010-09-19 17:51:23 KarmicMind

很不錯！正是我需要的。 – Joe 2010-09-19 22:30:07

@Joe這是**不是一個很好的解決方案。 'ellipsis'是'overflow'的一個IE專有值，並且不適用於除IE以外的任何瀏覽器。 – 2010-09-29 05:52:52

當我掛狀態的頁面（我已經測試了這一點），它在Chrome，Safari，Opera或正常工作（與「-o文本溢出」）當然，IE7 + – KarmicMind 2010-09-29 20:19:34

我不確定如果你只能用CSS做到這一點，你必須使用JavaScript或PHP。

來源

2010-09-19 17:13:07

你不能用CSS做到這一點。你必須用PHP或Javascript來做到這一點。 Here's a decent tutorial用JS做。

來源

2010-09-19 17:17:30 fredley

希望這將有助於

$('#customComboBox').text(($.trim($('#customComboBox').text()).length > 19) ? 
    $.trim($('#customComboBox').text()).substring(0, 16) + '...' : 
    $.trim($('#customComboBox').text()));

來源

2010-09-29 05:50:05 Raghukumarachari

沒有一個很好的解決方案， - 你仍然需要了解直到文本溢出的字符數。另外，通過一些緩存，jQuery代碼可以變得更加高效。 – 2010-09-29 05:55:18

CSS - 隱藏溢出

回答

相關問題