css 样式文字溢出显示省略号
2015-07-08 12:02
549 查看
在table中使用溢出样式,table样式要设置为”table-layout: fixed“,即<table style="table-layout: fixed;">,溢出样式才有效果
注释:
white-space:nowrap;表示文本不会换行,在同一行继续,知道遇到<br>标签为止;
overflow:hidden;不显示超过对象尺寸的内容,就是把超出的部分隐藏了;
text-overflow:ellipsis;当文本对象溢出是显示...,当然也可是设置属性为clip不显示点点点;
table tbody tr td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
注释:
white-space:nowrap;表示文本不会换行,在同一行继续,知道遇到<br>标签为止;
overflow:hidden;不显示超过对象尺寸的内容,就是把超出的部分隐藏了;
text-overflow:ellipsis;当文本对象溢出是显示...,当然也可是设置属性为clip不显示点点点;
相关文章推荐
- css3三维动画菜单上下翻转
- 【实用代码】选项卡切换——带标题底纹样式
- CSS之 :before && :after
- html css文件宏观调控-外部样式表
- 样式,主题和动画
- CSS3学习笔记
- CSS3选择器详解
- element.style覆盖了我的样式!!
- css样式表
- 项目中如果管理前端文件CSS和JS
- CSS 文本常用的换行方法
- CSS基础 - 页面布局
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- HTML+CSS - 搜索 And 高级搜索
- java 中Date的格式化样式
- css三角形的实现
- 关于友好性测试中鼠标样式的修改
- 雅虎工程师初始化css
- CSS简单理解与应用
- css阴影