css文本超出隐藏 显示三个点
程序员文章站
2022-04-12 11:25:29
文本超出显示三个点一般分两种情况 一,单行文本超出隐藏 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 二,多行文本超出隐藏 text-overflow: -o-ellipsis-lastline; overflow: hid ......
文本超出显示三个点一般分两种情况
一,单行文本超出隐藏
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
二,多行文本超出隐藏
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; //行数需设置
line-clamp: 3;
-webkit-box-orient: vertical;
推荐阅读
-
CSS文本超出2行就隐藏并且显示省略号
-
CSS3 - 文本超出隐藏显示省略号(单行 / 多行)
-
CSS文本超出自动隐藏显示省略号
-
css文本超出隐藏显示省略号
-
css文本超出隐藏 显示三个点
-
CSS实现不换行/自动换行/文本超出隐藏显示省略号
-
HTML横向滚动条和文本超出显示三个小圆点
-
解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号_html/css_WEB-ITnose
-
图片宽度超出div,css控制图片不改变原大小情况居中显示,图片超出div部分隐藏_html/css_WEB-ITnose
-
CSS- 文本超出指定宽度后隐藏并显示为省略号_html/css_WEB-ITnose