`

CSS 控制容器内文字个数,超出容器后显示省略号 小技巧,大用处

阅读更多

注意:css3标准,ie6, 不支持firefox

容器{
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}

white-space:nowrap 是强制在一行内显示所有文本,不回行。

text-overflow:ellipsis CSS3新增的属性,IE6以上版本支持。
参数:
clip [不显示省略标记(...),而是简单的裁切],
ellipsis [当对象内文本溢出时显示省略标记(...)。

overflow: hidden,让多余文字在ff中隐藏。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics