html知识点巩固（二）

1.溢出文字省略（css样式）

溢出文字省略分为两种情况，第一种为单行文字，第二种为多行文字

第一种：单行文本显示省略必须满足三个条件

1.强制文本在一行显示

white-space:nowrap;

2.超出部分隐藏

overflow：hidden；

3.文字省略号代替超出部分

text-overflow：ellipsis；

第二种：多行文本显示省略号

display: -webkit-box; /* 使用旧版本的 flexbox */

-webkit-box-orient: vertical; /* 设置为垂直方向堆叠 */

overflow: hidden; /* 超出容器的部分隐藏 */

text-overflow: ellipsis; /* 显示省略号 */

-webkit-line-clamp: 3; /* 控制显示的行数 */

max-height: 3.6em; /* 设置容器的最大高度，根据行高计算 */