截字是一个非常厌恶的问题。为了照顾体现上的需要,一般需要把过长的语句,譬如一个列表中的新闻标题,截短。
一般这由技术员运用后台技能(各种时尚的言语,PHP, JSP等)或者前台技能(Javascript)来处置。我倾向于运用前台技能,因为这对提升网页的亲和力(accessibility)有优点。在非桌面型的浏览器中,用户可以更便利的学会信息完整性。
text-overflow是CSS3的一个性质(property),它可以截短过长的字符串,并依据值(value)来决定被截掉部分运用何种办法展示。目前,IE现已完成对其的支撑,Opera也有了私有属性(-o-text-overflow)对其支撑,Firefox仿佛落后一步……支撑的两者都可运用ellipsis 值,把截掉部分代替成省略号(即ellipsis)。
所以,你要做的只不过,把需要截字的元素定好宽度,和overflow一同运用,即可完成用途。
可是Firefox不支撑,所以大概你了解我下面要做什么了。
解决方法是,借助伪类:after添加省略号,再把它定位到右侧即可。用途有点粗糙,但简洁明了,纯CSS完成
标题名字网站制作应用:运用CSS截字运用CSS截字文章转载: