水平垂直居中之table-cell篇

来源:互联网 时间:2018-03-03

1 <div class="container">2 <div class="item"></div>3 </div>
 1 .container{ 2 display: table; 3 width: 800px; 4 height: 500px; 5 background-color: red; 6 } 7 .container.item{ 8 display: table-cell; 9 vertical-align: middle;10 padding: 0 20px;11 }

定宽高。

相关阅读:
Top