ZH奶酪:CSS中限制span显示字数
2015-07-13 20:38
671 查看
span中的文字是取出于数据库的,不确定文字的个数,由于排版的原因只想让span不超过6个字,如果超过只显示六个,当鼠标悬浮上去的时候tip显示全部内容
Step1.在span中添加title
Step2.设置span宽度
演示地址
Step1.在span中添加title
<span title="文字文字文字文字文字文字文字">文字文字文字文字文字文字文字</span>
Step2.设置span宽度
span{ display: block; width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
演示地址
相关文章推荐
- ZH奶酪:利用CSS将checkbox选项放大
- css硬件加速
- 你可能没注意的CSS单位
- css3 背景记
- gridview表头固定(经验篇)
- CSS3学习(六)盒子、背景、边框新样式
- CSS3学习(五)字体相关样式
- CSS3学习(四)选择器详解
- CSS3学习(三)动画使用总结
- css中的关于margin-top,position和z-index的一些bug解决方案
- css的文本样式属性
- 如何用css3做全屏切换效果
- div+css进度条
- CSS的布局属性
- css3动画效果
- css hack
- 不解释,分享这个base.css
- 解决grunt-contrib-cssmin压缩默认会删除一些css hack的问题
- CSS的盒模型属性总结
- CSS3动画遮罩文字特效