text-overflow:ellipsis 当文本超出固定宽度时自动显示省略号的详细方法

作者:MJ 发布于:2012-8-23 10:23 Thursday 分类:Css

text-overflow:ellipsis 是 CSS中当文本超出固定宽度时自动显示省略号的样式属性,经常适用于控制文章标题的css样式中。

 

语法:text-overflow:ellipsis | clip

 

参数:

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

clip : 不显示省略标记(...),而是简单的裁切

 

说明:

text-overflow:ellipsis 必须配合white-space:nowrap 和 overflow: hidden 这个两个属性同时使用才会有显示省略标记的小效果,如果只是单独使用或者只和这个两个属性其中的一个使用都是无法出现省略标记效果的。请看下面的实例对比,div1的是正常使用情况:

 

发表评论:

Powered by 588cy.com