平時使用較多的，總結元素居中的幾種方法

這些知識點一點都不難，對居中一小小的總結，便於前端編程時多種角度去思考頁面的居中問題。

一：元素「橫向」居中的方法

一、使用margin：auto；外邊距自動居中元素；

二、在body或父級元素中使用定位包括絕對定位：position：absolute；left：50%；或是相對定位：position: relative;left：50%;

三、對於內聯元素能夠使用：text-align:center;

四、使元素居中也能夠使用元素佔位的方式，將你所須要的元素擠壓在居中位置；

五、父級元素的padding屬性也能夠幫助你實現居中；

六、高端一點你能夠使用js的window.screen得到瀏覽器的屏幕大小，動態的改變元素的屬性，這種方式用來作自適應也是能夠的。

七、這個也是一個很好的方法：css的彈性盒模型。（貌似是淘寶的考題）。

二：元素「縱向」居中的方法

一、vertical-align屬性對行的定義（通常用於圖片和文字的居中校訂中）；

二、在父級元素有固定高度的前提下，設定子級的height使用百分比來表示也能夠；

三、一樣彈性盒模型對高也是有定義的，居中什麼的沒問題。