css - 隐藏溢出

时间:2010-09-19 17:05:38

标签: css text truncate

是否可以隐藏文本溢出,例如固定宽度div并将其替换为“...”?如果文本被切断,它显然看起来很难看,我真的需要能够在这些情况下显示......

4 个答案:

答案 0 :(得分:1)

您可以使用text-overflow: ellipsis;进行此操作,但它似乎无法在IE6和Firefox中使用..

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

答案 1 :(得分:0)

我不确定你是否只能使用CSS,你必须使用javascript或php。

答案 2 :(得分:0)

你无法用css做到这一点。你必须用PHP或Javascript来做。 Here's a decent tutorial使用JS进行此操作。

答案 3 :(得分:0)

希望这会有所帮助

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