div css用定位方法居中技巧介紹

下面我們給大家介紹一下div css用定位方法居中技巧吧!希望大家可以在這裡學習!

解釋：這個方法以前只是知道，但一次一個朋友問我方法的原理，那時我沒有答上來，前幾天看了一文章後才突然明白了它的原理!以前我的理解是先左邊界-370px,然後是想position問題，所以始終想不通。其實我們可以反過一想先定位後邊界，這樣就很容易理解了。position:absolute;它是對浏覽器定位的，left:50%;正好在中間的位置上，也就是這個DIV塊左邊界上處於游覽器的中間位置，在加入樣式margin-left:-370px,這個370是算出來的，它恰好是div740的一半，我們讓DIV往回走370，這樣DIV的中線與浏覽器的中線重合所以看到的DIV總是在中間的

以上就是精品為大家提供的div css用定位方法居中技巧，希望大家好好利用。

相關推薦：

inline-block帶來的元素間距問題解決