css来控制超出部分用省略号显示

分类: 知识库时间:  7年前 (2013-11-21)阅读:  2320评论:  0

css代码

.news li{
height:25px;
line-height:25px;
overflow:hidden;
color:#DA6E01;
padding:0 0 0 10px;
background:url(images/dot.gif) 0 50% no-repeat; 
text-overflow:ellipsis;
white-space:nowrap;
cursor:pointer;}

我们设定了overflow:hidden;超出部分隐藏,同时我们通过text-overflow:ellipsis;来控制超出的文字用省略号显示。

white-space:nowrap;这句意思是:空白部分默认显示,对应li标签中文字过多,消除出现截断的文字。

cursor:pointer;意思是:鼠标放在上面显示小手。

评论列表: