超出文本 单行、多行 显示省略号
程序员文章站
2022-04-22 13:46:07
...
单行
width: 100%; /*一定要设置宽度,或者元素内含的百分比*/
overflow:hidden; /*溢出的部分隐藏*/
white-space: nowrap; /*文本不换行*/
text-overflow:ellipsis;/*ellipsis:文本溢出显示省略号(...);clip:不显示省略标记(...),而是简单的裁切*/
多行
display: -webkit-box;
/* -webkit-box-orient: vertical; */
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
//超出多少行显示省略号
-webkit-line-clamp: 2;
overflow: hidden;
上一篇: 用CSS改变select框的样式
下一篇: 文本超出单行和多行时显示省略号