3450399331
网站制作

网站制作应用:运用CSS截字

发表日期:2024-09-17   作者来源:www.chuenon.com   浏览:0   标签:网站制作    

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

一般这由技术员运用后台技能(各种时尚的言语,PHP, JSP等)或者前台技能(Javascript)来处置。我倾向于运用前台技能,因为这对提升网页的亲和力(accessibility)有优点。在非桌面型的浏览器中,用户可以更便利的学会信息完整性。

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

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

可是Firefox不支撑,所以大概你了解我下面要做什么了。

解决方法是,借助伪类:after添加省略号,再把它定位到右侧即可。用途有点粗糙,但简洁明了,纯CSS完成

标题名字网站制作应用:运用CSS截字运用CSS截字文章转载:

如没特殊注明,文章均为登烈建站 原创,转载请注明来自http://www.nousuan.com/news/zhizuo/2/13900.html