css控制内容显示,自动加"..."

.css{
    overflow
:hidden;
    white-space
:nowrap;
    text-overflow
:ellipsis;
    width
:100px;
} 

css3语法 text-overflow:clip|ellipsis

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

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

需配合overflow:hidden;white-space:nowrap;使用,目前唯独firefox不支持,Opera11已经支持 。

posted on 2011-04-10 17:41  Lecaf  阅读(547)  评论(0编辑  收藏  举报