像table一样布局div的CSS属性详解

         .equal {
                    display:table;
                    border-collapse:separate;margin: auto;
                }
        .row{display:table-row;}
        .row div{ display: inline; vertical-align: middle;}
 

<!--以上样式可兼容IE7/IE8/IE9/FF-->

<div class="equal">
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="three"></div>
</div>