我想了很久，在夜深人靜時還是寫下了這篇文章…
因爲我今天又見到了一個“老朋友”——居中！
說起來，我也積累了很多使元素居中的方式了，故而，在這裏總結一下。。。
居中分爲很多種，常用的也大致就那麼幾類，比如：文字的居中，圖片的居中，盒子的居中，等等。你當然 不能對div 用 text-align 屬性，這沒有一點效果。
1、text-align
這確實是個讓 文字居中 的好方式——這裏只是說水平居中
垂直居中現在常用的無外乎：line-height: ;使其值與父元素的height值 相等 即可。
（ 提示： line-height屬性可不止能用在文字上哦！）
2、margin
我們知道，margin通常作爲外邊距制定出現，其中我們能用在這裏的是auto屬性值
有些人可能用過：margin: 0 auto; yes！距上邊距爲0，水平居中！（三個參數分別是：上、左右、下；左右都爲“auto”，即居中）
這個可以用在除了文字以外的很多地方！
3、margin 和 距離屬性（撐開）
比如，我一個移動端小項目的登錄框要設置在屏幕中間，我是這樣做的：
這樣，當給元素設置好固定的長寬時，它不會出現在屏幕的正中間了，只有加上最後一行： margin: auto; 時，它才能處於頁面的正中心。
前提： 必須是固定元素！
4、移動，“探索”位置
本質上還是位置屬性和margin的結合使用！ 如圖：
這是我在那個項目中設置一個小圖標時使用的css樣式，通過top/left/right/bottom先設定元素與某邊界的距離，再通過對應margin來移動元素到想要“去”的位置！！！（-.4rem其實是-0.4rem的縮寫，負號是往反向移）
再來看這個：
對，沒錯，既然是“移動”，我們當然也可以用css3中的transform設置，總之， 能讓它去自己的位置就好。