建议:尽可能的手写代码，可以有效的提高学习效率和深度。
display属性的table和table-cell属性值不怎么常用，主要是浏览器的兼容性并不好，因为万恶的IE6和IE7还有相当一部分用户在使用，不过并非没有它们展露头角的机会，在display:table-cell的用法简介中已经对display:table-cell做了简单的介绍，但是感觉不够全面，下面就集合实例稍稍全面的介绍一下。
三个属性值的基本概念:
1.table:指定对象作为块元素级的表格，类同于html标签 。
2.table-row:指定对象作为表格行，类同于html标签 。
3.table-cell:指定对象作为表格单元格，类同于html标签 。
从以上属性值的基本概念定义可以看出，它们可以打造一个非table相关标签建立的表格效果，代码实例如下:
蚂蚁部落 .table{ display:table; } .tr{ display:table-row; width:200px; height:200px; } .td{ display:table-cell; width:100px; height:100px; background-color:green; border:1px solid red; } tr{ width:200px; height:200px; } td{ width:100px; height:100px; background-color:green; border:1px solid red; }
查看更多关于display:table、display:table-row和display:table-cell的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did108583