CSS实现内容超过长度后以省略号显示
2015-09-01 21:50
537 查看
样式:
{width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
说明:
white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。
overflow: hidden 隐藏超出单元格的部分。
text-overflow: ellipsis 将被隐藏的那部分用省略号代替。
{width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
说明:
white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。
overflow: hidden 隐藏超出单元格的部分。
text-overflow: ellipsis 将被隐藏的那部分用省略号代替。
相关文章推荐
- CSS 遮照层的使用
- CSS中的position
- CSS3——transform学习
- 深入讲解CSS中盒模型的用法
- css实现带箭头选项卡
- Css元素居中设置
- Css元素居中设置
- css 中div class
- 浏览器 CSS Hack 收集
- datagrid 给符合条件的数据设置样式
- CSS中的行为(css中使用js文件)——expression
- Qt Style Sheet(二)----类似css
- 在rust里使用c样式的函数指针
- css 问题总结
- 自定义 input type="file" 文件上传样式
- 浅析CSS——元素重叠及position定位的z-index顺序
- (转)浅析CSS——元素重叠及position定位的z-index顺序
- CSS样式优先级
- js+CSS实现模拟华丽的select控件下拉菜单效果
- css颜色样式