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

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;意思是:鼠标放在上面显示小手。

未经允许不得转载:大谋菠萝格 » css来控制超出部分用省略号显示

打赏 收藏
分享到: +

评论 沙发

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)
  • 网址 (选填)