橘子味的心
CSS实现文字超出换行显示省略号
CSS实现文字超出换行显示省略号
发布于:

CSS实现文字超出换行显示省略号

单行文本超出显示省略号


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


多行文本超出显示省略号

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

说明

-webkit-line-clamp:指定内容显示的行数


阅读 0

分类

    热门排行