width: 400rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;设定宽度
不换行
超出隐藏
超出点点点
text-overflow: clip|ellipsis|string;| 值 | 描述 |
|---|---|
| clip | 修剪文本。 |
| ellipsis | 显示省略符号来代表被修剪的文本。 |
| string | 使用给定的字符串来代表被修剪的文本。 |
原文：https://www.cnblogs.com/jiqing9006/p/12199975.html