html中单行文本省略及多行文本省略

单行文本省略

单行文本省略
1.设置空白空间 white-space:
可选值：nowrap（不转行）
normal（正常转行，默认值）
2. 设置溢出内容显示 overflow包括 overflow-x（单独设置水平方向）和overflow-y（单独设置垂直方向）
hidden 溢出隐藏
auto 按需产生滚动条
scroll 生成滚动条
3.设置溢出样式 text-overflow 可选值；ellipsis 省略号显示
步骤；1.设置元素宽度，
2.设置元素文本内容一行显示
white-space；nowrap
3.设置元素溢出隐藏overflow；hidden
4设置溢出样式 text-overflow；ellipsis

多行文本省略

多行文本省略 元素设置宽度
1.溢出内容隐藏
2.设置号在第几行 -webkit-line-clamp:num；
3.因为要实现 -webkit-line-clamp属性有效果，所以要添加display：-webkit-box;和-webkit-line-box