css超出文字部分显示…省略号写法-经常用到经常忘记

单行文字超出部分截掉,显示...省略号

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

多行文字超出部分截掉,显示...省略号

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;

Leave a Reply