以下样式必须同时使用!

overflow:hidden;//内容溢出隐藏
white-space:nowrap;//强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象
text-overflow:ellipsis;//文本溢出时用省略号代替

多行文字超出省略号代替:

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;//要显示的行数
-webkit-box-orient: vertical;

参阅:CSS单行、多行文本溢出显示省略号(……)

发表评论

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

Captcha Code