如何使用CSS仅显示字符串中的前10个字符?

时间:2011-03-03 14:26:40

标签: css

我有一个30个字符的字符串

我想只显示前10个,然后是......

所以例如


thisisastringthatis30characterslong

会变成

thisisastr ...


这可以使用CSS吗?

干杯!

2 个答案:

答案 0 :(得分:10)

它被称为ellipsis,您可以在块元素上使用它。

但是它在Firefox中不起作用,你不能将宽度设置为10个字符,因为你不能在css中指定字符的宽度。

如果您想要10个字符和Firefox兼容性,则必须使用javascript或服务器端解决方案。

答案 1 :(得分:7)

声称有CSS3 based solution text-overflow:ellipsis;为crossbrowser。但它也会显示尽可能多的字符,而不是10个字符。