转载:http://www.cnblogs.com/zmjh/p/8810805.html
css样式如下:
.table{
display: table;
border-collapse: collapse;
width: 400px;
height: 200px;
}
.tr{
display: table-row;
height: 100px;
}
.td{
display: table-cell;
width: 100px;
text-align: center;
vertical-align: middle;
border: solid 1px red;
table-layout: fixed;
}
.table .td img{
width: 100px;
height: 100px;
display:block;
}
html主要代码如下:
<div class='table'>
<div class='tr'>
<div class='td'><img src="img/zm2.png" alt="" /></div>
<div class='td'><img src="img/zm2.png" alt="" /></div>
<div class='td'></div>
<div class='td'></div>
</div>
<div class='tr'>
<div class='td'><img src="img/zm2.png" alt="" /></div>
<div class='td'></div>
<div class='td'></div>
<div class='td'></div>
</div>
</div>