CSS教程之:text-overflow:ellipsis

来自:互联网
时间:2018-08-13
阅读:

语法

text-overflow : clip | ellipsis

参数

clip : 不显示省略标记(…),而是简单的裁切(一般不会用它)

ellipsis :  当对象内文本溢出时显示省略标记(…)

用法

必须配合 white-space:nowrap; 和 overflow:hidden 才能显示省略号。e.g.

.box{
width:300px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

需要主题的是,IE6下必须定义宽度,如果希望宽度跟父元素一样,可以定义为width:100%

返回顶部
顶部