水平垂直居中之table-cell篇

 

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         }

 

定宽高。