Web Responsive Table, 只需CSS使table在手机和平板中完美显示
浏览数：16 /
时间：2015年06月11日
在做responsive或者手机版页面的时候，经常碰到<Table>在手机和平板中会因为长度问题把页面撑大。最近看到一个比较好，比较方便的方法，而且仅仅用CSS 2就可以实现！
实例URL：http://dbushell.com/demos/tables/rt_05-01-12.html
已经验证支持webkit引擎及firefox，很可惜IE这个混蛋不能改table标签的display属性。慢点看看有没有什么trick的方法可以做到兼容。
主要用到的CSS如下：
可以从CSS中看到，作者主要是运用了display: block的元素中的内容会环绕float的元素四周的特性，以及这两种元素自适应的能力。
需要注意的是：
- table外面千万不能有display为table及相关属性的元素，否则整个页面的横向滚动条依旧会实现。
- 我在tbody上加了overflow-y: hidden来避免垂直滚动条在webkit浏览器下出现
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
