white-space:nowrap; // 默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 overflow:hidden; text-overflow:ellipsis; //当对象内文本溢出时显示省略标记\(...\) 三者配合使用才能达到多出盒子宽度的地方文字显示省略号 ## 两行显示省略号 ``` display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal ; -webkit-line-clamp: 2; -webkit-box-orient: vertical; ```