CSS中使元素居中的總結

     在頁面中，咱們常常會遇到要求居中的佈局要求。今天偶爾有空，總結了一下居中的方法。有遺漏和錯誤的地方，歡迎你們指教。
     首先是橫向居中的方法：
     1.margin: 0 auto;這種方法主要是針對div的居中佈局，固然這個是須要div至少有寬度的； 2.text-align:center;這種方法使用普遍；3.display:inline-block;使用普遍例如ul>li、幾個同級的div；
 4.float:left;left:50%;使用浮動居中，固然right也能夠； 5.display:table-cell;主要使用在table中；6.width:200px;position:absolute;left:50%;經過定位的方式居中；
 7.margin-left:50%;使用盒子的margin方法，固然margin-right也是能夠，可是注意減去width/2；8.padding-left：50%；經過使用padding擴大盒子的方法，固然padding-right也能夠，可是注意減去width/2；
 9.使用使用自動外邊距和文本對齊，例body{text-align:center;}   #container{margin-left:auto;margin-right:auto;width:168px;text-align:left;}；10.使用負外邊距，例#container{position:absolute;
left:50%;width:760px;margin-left:-380px;}。固然在實際的使用中咱們主要是使用1,2,3,4,6,7,8這麼6種方法。
     其次是縱向居中的方法：     
    1.vertical-align:middle;屬性只適用於內聯元素;2.height:100px; line-height:100px;經過行高縱向居中；3.position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;經過使用絕對定位+margin(auto)；4.position:absolute;top:50%;使用定位+top的方法居中 5.display:table-cell.在實際使用中咱們主要是使用一、二、4方法。
    以上就是我的對橫向、縱向居中的總結。歡迎你們指正。