web開發中，為了支援不同的瀏覽器，是一件很麻煩的事情。所以，程式設計師都希望瀏覽器越少越好，那將省去好多任務作。
今天，把這段時間開發的乙個專案拿到firefox下測試，發現基本情況還不錯，畢竟css已經玩的比較熟了，只要大家都遵守國際標準，情況會好很多。可是，還是不太對，怎麼頁面都跑到左邊來了？可是我明明設定了「text-align:center;」的樣式啊。又看了幾個頁面，發現情況都是如此，看來，firefox並不支援這個樣式。這可怎麼辦？我試著用table來定位，設定，因為根據我的經驗，對於**來說，firefox還是支援的比較全面的。但事實證明，這個方法也不行。
只好借助於網路了。當然，網路確實是個好老師，很快，我就找到了答案，具體情況方法如下：
也就是說，指定要居中的元素的左、右邊距為自動，firefox就會讓它居中顯示了。而對於ie來說，text-align:center;這個是有效的。
前端頁面中元素的水平垂直居中對齊
這是最簡單的，直接在元素屬性中使用text align center 讓文字水平居中，再通過行高 line height 元素的高度 讓文字垂直居中對齊 html布局 css樣式 效果展示 注意點 text align是對塊元素的特質，內部必須是行內元素等，如果裡面div也想水平居中，可以設定dis...
居中元素總結
對於居中乙個元素有很多種方法，同時也分很多種情況 比如水平居中乙個塊級元素 垂直居中乙個浮動元素或者是乙個絕對定位元素等等 下面就分情況進行總結 一 水平居中 1 水平居中乙個塊級元素 為塊級元素新增 margin 0 auto 2 水平居中乙個行級元素 在父級元素中新增 text align ce...
inline block中居中元素
luo 有這樣乙個父元素，被顯示為inline block元素，那問題是，如何居中裡面的元素呢？先看看父元素的樣式 a設定了元素內居中，這個設定只會水平居中，下面進行垂直居中 a before b注意到了嗎？我們使用的是vertical align屬性，設定成middle。但是問題來了，僅僅設定成這...