div中子div在firefox ie 水平居中對齊
發(fā)布時間：2009-10-15 17:11:17 作者：佚名 
我要評論
我要評論div 水平居中的實現(xiàn)方法。
比如：
<div>
<div>
</div>
</div>
想讓子div在父div中水平居中對齊，如果在css中寫
div
{
text-align: center;
}的話在ie中瀏覽沒有問題，但在firefox中依然左對齊。
所以必須再加一個樣式
div div
{
margin-left:auto; margin-right:auto;
}這樣在ie，ff都能對齊。
我猜想是ff中如果你不設(shè)置margin，默認(rèn)為0；而margin的優(yōu)先級又高于text-align。
不知道大家有什么猜想。請分享。
<div>
<div>
</div>
</div>
想讓子div在父div中水平居中對齊，如果在css中寫
div
{
text-align: center;
}的話在ie中瀏覽沒有問題，但在firefox中依然左對齊。
所以必須再加一個樣式
div div
{
margin-left:auto; margin-right:auto;
}這樣在ie，ff都能對齊。
我猜想是ff中如果你不設(shè)置margin，默認(rèn)為0；而margin的優(yōu)先級又高于text-align。
不知道大家有什么猜想。請分享。
相關(guān)文章
- 這篇文章主要介紹了css實現(xiàn)文本和div居中對齊詳細講解示例,需要的朋友可以參考下2014-05-05
- 這篇文章主要介紹了通過position定位實現(xiàn)div底端對齊，感興趣的朋友可以參考下2014-04-02
多個div中table的tdwidth設(shè)置一樣也不法對齊
最近發(fā)現(xiàn)多個div中table的td就算調(diào)成一樣的width也無法對齊，后來發(fā)現(xiàn)了解決方法，提到table-layout: fixed，經(jīng)設(shè)置效果相當(dāng)不錯，大家可以參考下2014-03-28- 這篇文章主要介紹了關(guān)于圖片在div中垂直和水平同時對其的問題，下面有個不錯的解決方法，大家可以參考下2014-03-28
- DIV和SPAN如何垂直居中對齊，水平居中很簡單，設(shè)置text-align:center就可以了，垂直居中一直很是疑惑，下面為大家解惑2014-02-20
- 在某些時候可能需要將一個絕對定位的div在它的父對象中垂直居中對齊，可能用到的頻率不是太高，但是偶爾也會用到，下面就簡單介紹一下如何實現(xiàn)此功能2014-01-27
div中加入span右對齊后出現(xiàn)換行顯示兩種解決思路
div中加入span右對齊后，出現(xiàn)了換行問題，一般思路的話一定是認(rèn)為通過分開兩列，一個align=left,另一個align=right；很是疑惑，于是利用閑暇時間，搜索整理下，曬出來 2012-12-19 CSS讓圖片垂直居中和底端對齊的代碼-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
本CSS教程提供了兩種對齊方式即垂直居中對齊和底端對齊！更多內(nèi)容請參考本站的CSS視頻教程。 CSS使圖片垂直居中的代碼： <!DOCTYPE html PUBLIC "-//W3C//DT2008-10-17這篇文章主要為大家詳細介紹了html5 div布局與table布局，區(qū)分div布局與table布局的異同,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-16學(xué)習(xí)DIV+CSS網(wǎng)頁布局之三列布局
學(xué)習(xí)DIV+CSS網(wǎng)頁布局中的三列布局，本文為大家分享的是DIV+CSS網(wǎng)頁布局教程的第三篇，感興趣的小伙伴們可以參考一下2016-03-15最新評論