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

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

转化为盒模型,垂直方向排列,控制行数,多余隐藏。
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;

You may also like:

发表评论

电子邮件地址不会被公开。 必填项已用*标注