N0ts Blog

html文字超出多少行显示省略号

单行文本溢出

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

多行文本溢出

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /*数字是几就显示几行*/
-webkit-box-orient: vertical;