代码
.demo {
width: 100px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
说明
- 宽度一定要设置
- white-space:nowrap是禁止文字折行
- text-overflow表示当文本溢出时是否显示省略标记，有两个值：
- clip：不显示省略标记（…），而是简单的裁切。
- ellipsis：当对象内文本溢出时显示省略标记（…）
- overflow:hidden表示溢出内容为隐藏。
