网页设计应用：运用CSS截字

2017-02-19 分类：网站建设

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

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

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

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

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

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

标题名称：网页设计应用：运用CSS截字
文章转载：https://www.cdcxhl.com/news/74096.html

成都网站建设公司_创新互联，为您提供App设计、网站建设、标签优化、企业网站制作、动态网站、微信小程序

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容