css文本超出隐藏 显示三个点
文本超出显示三个点一般分两种情况 一,单行文本超出隐藏 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 二,多行文本超出隐藏 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;
·
文本超出显示三个点一般分两种情况
一,单行文本超出隐藏
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;(不生效的话可以在-webkit-box-orient: vertical;上面加这一行注释 /* autoprefixer: ignore next */ 这是因为-webkit-box-orient: vertical;被过滤掉了 autoprefixer 这个关键字可以免除被过滤的动作 )
单行设置宽 多行设置宽高不然不会生效
更多推荐
已为社区贡献2条内容
所有评论(0)