div中子div在firefox ie 水平居中對(duì)齊
發(fā)布時(shí)間：2009-10-15 17:11:17 作者：佚名 
我要評(píng)論
我要評(píng)論div 水平居中的實(shí)現(xiàn)方法。
比如：
<div>
<div>
</div>
</div>
想讓子div在父div中水平居中對(duì)齊，如果在css中寫(xiě)
div
{
text-align: center;
}的話(huà)在ie中瀏覽沒(méi)有問(wèn)題，但在firefox中依然左對(duì)齊。
所以必須再加一個(gè)樣式
div div
{
margin-left:auto; margin-right:auto;
}這樣在ie，ff都能對(duì)齊。
我猜想是ff中如果你不設(shè)置margin，默認(rèn)為0；而margin的優(yōu)先級(jí)又高于text-align。
不知道大家有什么猜想。請(qǐng)分享。
<div>
<div>
</div>
</div>
想讓子div在父div中水平居中對(duì)齊，如果在css中寫(xiě)
div
{
text-align: center;
}的話(huà)在ie中瀏覽沒(méi)有問(wèn)題，但在firefox中依然左對(duì)齊。
所以必須再加一個(gè)樣式
div div
{
margin-left:auto; margin-right:auto;
}這樣在ie，ff都能對(duì)齊。
我猜想是ff中如果你不設(shè)置margin，默認(rèn)為0；而margin的優(yōu)先級(jí)又高于text-align。
不知道大家有什么猜想。請(qǐng)分享。
相關(guān)文章
css實(shí)現(xiàn)文本和div居中對(duì)齊詳細(xì)講解示例
這篇文章主要介紹了css實(shí)現(xiàn)文本和div居中對(duì)齊詳細(xì)講解示例,需要的朋友可以參考下2014-05-05通過(guò)position定位實(shí)現(xiàn)div底端對(duì)齊
這篇文章主要介紹了通過(guò)position定位實(shí)現(xiàn)div底端對(duì)齊，感興趣的朋友可以參考下2014-04-02多個(gè)div中table的tdwidth設(shè)置一樣也不法對(duì)齊
最近發(fā)現(xiàn)多個(gè)div中table的td就算調(diào)成一樣的width也無(wú)法對(duì)齊，后來(lái)發(fā)現(xiàn)了解決方法，提到table-layout: fixed，經(jīng)設(shè)置效果相當(dāng)不錯(cuò)，大家可以參考下2014-03-28圖片在div中垂直和水平同時(shí)對(duì)齊的實(shí)現(xiàn)方法
這篇文章主要介紹了關(guān)于圖片在div中垂直和水平同時(shí)對(duì)其的問(wèn)題，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下2014-03-28DIV和SPAN垂直居中對(duì)齊的實(shí)現(xiàn)方法
DIV和SPAN如何垂直居中對(duì)齊，水平居中很簡(jiǎn)單，設(shè)置text-align:center就可以了，垂直居中一直很是疑惑，下面為大家解惑2014-02-20將一個(gè)絕對(duì)定位的div水平垂直居中對(duì)齊
在某些時(shí)候可能需要將一個(gè)絕對(duì)定位的div在它的父對(duì)象中垂直居中對(duì)齊，可能用到的頻率不是太高，但是偶爾也會(huì)用到，下面就簡(jiǎn)單介紹一下如何實(shí)現(xiàn)此功能2014-01-27div中加入span右對(duì)齊后出現(xiàn)換行顯示兩種解決思路
div中加入span右對(duì)齊后，出現(xiàn)了換行問(wèn)題，一般思路的話(huà)一定是認(rèn)為通過(guò)分開(kāi)兩列，一個(gè)align=left,另一個(gè)align=right；很是疑惑，于是利用閑暇時(shí)間，搜索整理下，曬出來(lái) 2012-12-19 CSS讓圖片垂直居中和底端對(duì)齊的代碼-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
本CSS教程提供了兩種對(duì)齊方式即垂直居中對(duì)齊和底端對(duì)齊！更多內(nèi)容請(qǐng)參考本站的CSS視頻教程。 CSS使圖片垂直居中的代碼： <!DOCTYPE html PUBLIC "-//W3C//DT2008-10-17這篇文章主要為大家詳細(xì)介紹了html5 div布局與table布局，區(qū)分div布局與table布局的異同,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-16學(xué)習(xí)DIV+CSS網(wǎng)頁(yè)布局之三列布局
學(xué)習(xí)DIV+CSS網(wǎng)頁(yè)布局中的三列布局，本文為大家分享的是DIV+CSS網(wǎng)頁(yè)布局教程的第三篇，感興趣的小伙伴們可以參考一下2016-03-15最新評(píng)論
文章分類(lèi)
大家感興趣的內(nèi)容
- 1CSS 多瀏覽器兼容性問(wèn)題及解決方案
- 2css firefox火狐瀏覽器下的兼容性問(wèn)題
- 3一個(gè)不錯(cuò)的html視頻播放器兼容主流瀏覽器
- 4讓IE6/IE7/IE8支持CSS3屬性的8種方法介紹
- 5IE8的css hack \9 使用說(shuō)明
- 6IE6兼容性問(wèn)題及IE6常見(jiàn)bug詳細(xì)匯總
- 7完美解決IE兼容模式問(wèn)題(使IE使用固定的渲染模式)
- 8IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一
- 9div+css通用兼容性代碼整理
- 10ie8 background背景圖片沒(méi)有顯示
最近更新的內(nèi)容
- 淺談原生頁(yè)面兼容IE9問(wèn)題的解決方案
- 新版chrome瀏覽器設(shè)置允許跨域的實(shí)現(xiàn)
- css hack之\9和\0就可能對(duì)hack IE11\IE9\IE8無(wú)效
- css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼
- 解決CSS瀏覽器兼容性問(wèn)題的4種方案
- 常見(jiàn)的瀏覽器兼容性問(wèn)題(小結(jié))
- border-radius IE8兼容處理的方法
- 淺談?dòng)龅降膸讉€(gè)瀏覽器兼容性問(wèn)題
- base64圖片在各種瀏覽器的兼容性處理
- 對(duì)常見(jiàn)的css屬性進(jìn)行瀏覽器兼容性總結(jié)(推薦)