• 自己分内的事情,努力做到最好。
  • 玩笑归玩笑,生活还是要精细的过。

Css以省略号(…)作为结尾

前端笔记 杨 洁 319℃ 0评论

 多行文本出现省略号必备的条件:

转化为盒模型,垂直方向排列,控制行数,多余隐藏。
1.display: -webkit-box;
2.-webkit-box-orient: vertical;
3.-webkit-line-clamp: 2;
4.overflow: hidden;

单行文本出现的省略号的必备条件:

宽度,强制不换行,多余隐藏,以...结尾。
1.width
2.white-space: nowrap;
3.overflow:hidden
4.text-overflow: ellipsis;

版权信息
1.本文链接:http://yangjie90.com/1484.html
2.如无特殊声明,文章均属原创,转载请注明。
3.署名-非商业性使用-禁止演绎 2.5 中国大陆 (CC BY-NC-ND 2.5 CN)
点赞 (1)分享 (0)
发表我的评论
取消评论
表情     3 + 1 = ? (必填)
加载中……