2013年8月28日

CSS原生table屬性垂直置中

CSS:
.table-wrap {display:table; width:300px; height:300px; border:solid 1px #ccc; }

.table-cell {display:table-cell; vertical-align:middle; text-align:center;}



HTML:
<div class="table-wrap">
    <div class="table-cell">
        <div class="content">
           內容置中
        </div>
    </div>
</div>


資料來源:http://www.minwt.com/css/6694.html

沒有留言:

張貼留言