css用层做表格 |css3重复动画

css中topcss，让menu 居中 css，如何查看css文件引用，css的集体声明方式，css id选择器格式，css是哪国护肤品，css3重复动画 css用层做表格 |css3重复动画

/*样式定义*/
.table{
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.row{
display: table-row;
}
.cell{
display: table-cell;
vertical-align: middle;
border: 1px solid #000;
}

使用上述CSS代码定义样式后，大家就可以在HTML中使用div来模拟表格。

/*示例代码*/
<div class="table"><div class="row"><div class="cell">单元格1</div><div class="cell">单元格2</div><div class="cell">单元格3</div></div><div class="row"><div class="cell">单元格4</div><div class="cell">单元格5</div><div class="cell">单元格6</div></div></div>

这样就完成了一个简单的表格布局，表格的样式可以通过CSS进行任意的修改，而且可以兼容性更好，布局更灵活。