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

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

發(fā)表評論 共有條評論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表