像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>