截字是一个很厌恶的问题。为了照顾体现上的需要，一般需要把过长的语句，比如一个列表中的新闻标题，截短。

一般这由程序员运用后台技能(各种流行的言语，PHP, JSP等)或者前台技能(JavaScript)来处理。我个人倾向于运用前台技能，由于这对提高网页的亲和力(accessibility)有优点。在非桌面型的浏览器中，用户能够更便利的掌握信息完整性。

text-overflow是CSS3的一个性质(property)，它能够截短过长的字符串，并依据值(value)来决定被截掉部分运用何种方法展现。现在，IE现已完成对其的支撑，Opera也有了私有属性(-o-text-overflow)对其支撑，Firefox好像落后一步……支撑的两者都可运用ellipsis 值，把截掉部分代替成省略号(即ellipsis)。

所以，你要做的只是，把需要截字的元素定好宽度，和overflow一同运用，即可完成作用。

可是Firefox不支撑，所以大概你知道我下面要干什么了。

解决方案是，利用伪类:after添加省略号，再把它定位到右边即可。作用有点粗糙，但简洁明了，纯CSS完成