css 文本单行显示溢出时出现省略号 多行显示溢出时出现省略号 首行缩进_白泊_前端开发者

一、文本单行显示溢出时出现省略号

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

space: nowrap;
overflow: hidden;
text

 

二、文本多行显示溢出时出现省略号(这种样式只能在webkit和移动端使用,包括小程序,不能设置固定高度)

(这种样式只能在webkit和移动端使用,包括小程序,不能设置固定高度)

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

box;
orient: vertical;
;
overflow: hidden;

 

 三、首行缩进两字符

text-indent: 2em;
text-indent: 2em;

 

四、划线文字

text-decoration: line-through;
text-decoration: line-through;
» 本文来自:前端开发者 » 《css 文本单行显示溢出时出现省略号 多行显示溢出时出现省略号 首行缩进_白泊_前端开发者》
» 本文链接地址:https://www.rokub.com/73489.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!