text-overflow
| 功能 | |
|---|---|
clip（默认） | 直接截断文本 |
ellipsis | 在截断处显示 ’…’ |
单行文本省略：
white-space: nowrap; /* 控制不换行，将文本显示为一行 */
overflow: hidden; /* 将不换行的溢出内容隐藏 */
text-overflow: ellipsis; /* 在隐藏截断处加省略号 */多行文本省略：
/* 固定用法 */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* 行数限制，这里限制显示3行 */
overflow : hidden;
word-break: break-all; /* 对连续的数字进行特殊处理 */