如何用省略号代替溢出文字

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；