文本溢出加...

单行文本溢出：

div{ width: 50%; border: 1px solid #000; /*让内部的文本一行显示，不换行*/ overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } 多行文本溢出：

div{ width: 200px; height: 50px; line-height: 25px; border: 1px solid #000; overflow: hidden; /*多行文本的省略号*/ text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }