ZH奶酪:CSS中限制span显示字数

span中的文字是取出于数据库的,不确定文字的个数,由于排版的原因只想让span不超过6个字,如果超过只显示六个,当鼠标悬浮上去的时候tip显示全部内容

Step1.在span中添加title

<span title="文字文字文字文字文字文字文字">文字文字文字文字文字文字文字</span>

Step2.设置span宽度

span{
display: block;
width: 120px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

演示地址

上一篇:Hadoop命令手册


下一篇:Windows下安装Oracle拖慢开机速度的解决方法