css 文本单行显示溢出时出现省略号 多行显示溢出时出现省略号 首行缩进

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

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

 

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

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

 

 三、首行缩进两字符

text-indent: 2em;

 

四、划线文字

text-decoration: line-through;