CSS常用样式合集

单行不换行，超出部分显示省略号

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

多行不换行，超出部分显示省略号

word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

div回显文本域内容换行

white-space: pre-wrap; /* 保留空白符并允许自动换行 */
word-wrap: break-word; /* 允许长词或URL地址断开 */

段落首行缩进两字符

font-size: 16px; text-indent: 32px;