css文本溢出 省略号

单行文本

.text { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

多行文本

.text { width: 100px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }