内容溢出显示省略号

原文链接： https://www.mk2048.com/blog/blog.php?id=h0bi2ci20jaa&title=%E5%86%85%E5%AE%B9%E6%BA%A2%E5%87%BA%E6%98%BE%E7%A4%BA%E7%9C%81%E7%95%A5%E5%8F%B7

1.单行

white-space: nowrap;//规定段落中的文本不进行换行
word-wrap: normal;//只在允许的断字点换行
text-overflow: ellipsis;//显示省略符号来代表被修剪的文本
overflow: hidden//超出隐藏

2.多行

 text-overflow: ellipsis;
 overflow: hidden;
 display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

更多专业前端知识，请上 【猿2048】www.mk2048.com