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;
}
演示地址
转载于:https://www.cnblogs.com/CheeseZH/p/4643866.html
相关资源:数据结构—成绩单生成器