1.单行文本溢出
(1)强制一行内显示文本 white-space:nowrap; nowrap:不换行
(2)超出部分隐藏:overflow:hidden;
(3)文字的超出部分用省略号代替 text-overflow:ellipsis;
ellipsis | 英[ɪˈlɪpsɪs] | n. 省略; 省略号; |
2.多行文本溢出(有兼容性问题)
(1)overflow:hidden;
(2)text-overflow:ellipsis;
(3)弹性伸缩盒子模型 display:-webkit-box;
(4)限制块级元素显示文本的行数 -webkit-line-clamp:n(n代表数字);
(5)设置弹性盒子的子元素的排列方式:-webkit-box-orient:vertical;