关于css的一些基础 ：css省略号

以前总是记不住省略号，没有理解透彻「😮‍💨」

css 单行省略号/css多行省略号 

单行省略号有三个要素：

• 单行文字不能换行  white-sapce: nowrap
• 文字超出容器则隐藏（溢出隐藏）overflow: hidden
• 当文本溢出包含元素时，显示省略符号来代表被修剪的文本 text-overlow: ellipsis

white-space: nowrap；

overflow: hidden；

text-overflow: ellipsis；

---

多行文本省略号：【webkit内核】

• display: -webkit-box;
• -webkit-box-orient: vertical;
• -webkit-line-clamp: 4;                                                                                                               -webkit-line-clamp 只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 -webkit-box-orient (en-US) 属性设置成 vertical时才有效果
• overflow: hidden;
• white-space: normal;