2021-12-30 工作记录-CSS-单行文本固定宽度，溢出部分用省略号显示 + 多行文本固定行数，溢出部分用省略号显示

一、CSS-单行文本固定宽度，溢出部分用省略号显示

width: 50%; /* 自己根据项目需求设置 */
white-space: nowrap; /* 只能在一行上显示 */
overflow: hidden; /* 溢出宽度的部分隐藏掉 */
text-overflow: ellipsis; /* 溢出部分用省略号代替 */

二、CSS-多行文本固定行数，溢出部分用省略号显示

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* 固定最多展示好多行，这儿是3行，超出3行的用省略号替代 */
overflow: hidden;