不太常用，但是一时半会想不起来的css

单行文字超出显示省略号

overflow: hidden; /*超出部分隐藏*/
white-space: nowrap; /*不换行*/
text-overflow: ellipsis; /*超出部分文字以...显示*/

注意事项：有时可能会出现不生效的情况，请确保你以确定设置宽度，如果使用的flex布局，可以在父级dom设置 flex:1; width:0; 子级设置隐藏及超出处理， 这样就可以正常显示，为什么我也不知道，但是能生效、后面有时间在研究，如果有大佬知道，请指教

多行文字超出显示省略号

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /*规定最多显示两行*/
-webkit-box-orient: vertical;

文字首行头部缩进

text-indent:缩进距离;

设置换行处理（英文换行）

规定自动换行的处理方法

word-break: normal|break-all|keep-all;

• normal：使用浏览器默认的换行规则。
• break-all：允许在单词内换行。
• keep-all：只能在半角空格或连字符处换行。