如果文章对您有帮助,是我前进最大的动力!您当前位置:首页 > 技术心得 > 网页前端

CSS实现标题截取,超出部分显示省略号

发布时间:2017-09-23 18:34:24编辑:刘强 阅读(

我们在制作网站首页面时,由于版面大小限制和美观方面的考虑,那些很长的标题必须要截取显示。帝国cms在标签模板中提供了按字数截取标题文字的功能,但是有时候遇到数字或英文时,字数判断可能错误,导致截取长度不一的问题。

今天小强为大家介绍利用CSS截取标题文字,可以设置超过一个width后,自动将文字截取,并显示为省略号,非常实用且操作简单。代码如下:

显示效果如下:

css截取标题.jpg

小强建议大家都使用这种方式来处理标题过长的问题,因为这种处理其实没有真正把文字截取,只是隐藏显示了,不仅方便控制,对SEO也有一定帮助。

关键字词:网页前端,css,截取标题