为长文字添加省略号的CSS写法

发布于 , 1047 次浏览

通常对于文章列表来说,文章标题长的话会导致换行使排版变乱,解决方式有几张, 1、后台程序截取固定长度字符; 2、CSS添加省略号 此处介绍的是CSS方法,几行CSS即可解决:

white-space:nowrap;
text-overflow:ellipsis; 
overflow:hidden;

Tips: 需要注意包含文字的块元素需要定义宽度。

标签: CSS

评论已关闭

相关文章