很多新手在寫css的時候經常遇到的一個問題，當div沒有固定的寬度或者高度的時候，如何才能讓div水平或者垂直居中顯示。
如果div有固定寬度的話，用padding，margin都很容易實現。方法有很多種。不過經常遇到這種div沒有固定的寬度高度的情況，我們就不能用margin,padding設置固定的距離了。這個問題讓很多人頭疼。而怎么樣才能讓這個div居中顯示呢？其實這種情況解決的辦法也是有很多種，js，css都可以實現。
這里主要介紹一下采用css的方法，有什么問題還請各位看官指出。

方法一：
用一個“ghost”偽元素（看不見的偽元素）和 inline-block / vertical-align 可以搞定居中，非常巧妙。但是這個方法要求待居中的元素是 inline-block，不是一個真正通用的方案。
html如下：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表