css超出文字隐藏

css超出文字隐藏

父级需要宽度限制

文字显示一行超出限制省略号

overflow: hidden; //超出隐藏
text-overflow: ellipsis; //显示省略号
white-space: nowrap; //强制不换行


文字显示三行超出限制省略号

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; //行数
-webkit-box-orient: vertical;
word-break: break-all;