在IE與FF中如何居中的css寫(xiě)法
更新時(shí)間：2008年05月13日 23:52:50 作者：
此問(wèn)題不知道遇到多少次了，又一次遇見(jiàn)了。索性copy到這里，下次就不用打字了?，F(xiàn)在好多做布局都是用一個(gè)大的div里面嵌套，實(shí)現(xiàn)效果更好
IE方法：<body style="text-align:center;">
<body> 標(biāo)記內(nèi)的內(nèi)容居中。
非IE方法：<div style="margin-left:auto;margin-right:auto;"></div>
<div> 標(biāo)記的左右邊距自動(dòng)適應(yīng)，以達(dá)到居中效果。
標(biāo)準(zhǔn)推薦的CSS使用方法是后者，IE的那套是非標(biāo)準(zhǔn)的。
不過(guò)在IE6中使用標(biāo)準(zhǔn)的DTD聲明（xhtml版本），也能使用margin:0 auto;方法達(dá)到居中效果。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
<body> 標(biāo)記內(nèi)的內(nèi)容居中。
非IE方法：<div style="margin-left:auto;margin-right:auto;"></div>
<div> 標(biāo)記的左右邊距自動(dòng)適應(yīng)，以達(dá)到居中效果。
標(biāo)準(zhǔn)推薦的CSS使用方法是后者，IE的那套是非標(biāo)準(zhǔn)的。
不過(guò)在IE6中使用標(biāo)準(zhǔn)的DTD聲明（xhtml版本），也能使用margin:0 auto;方法達(dá)到居中效果。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
DIV+CSS網(wǎng)頁(yè)另類(lèi)上下布局的實(shí)例代碼
在論壇里看到一位朋友在問(wèn)一個(gè)上下2個(gè)內(nèi)容框的，寬度為100%的布局方式，然后自己也就嘗試了一下，發(fā)現(xiàn)了幾個(gè)問(wèn)題的存在2008-10-10
動(dòng)態(tài)更改網(wǎng)頁(yè)HTML元素(對(duì)象)內(nèi)容
動(dòng)態(tài)更改網(wǎng)頁(yè)HTML元素(對(duì)象)內(nèi)容...2006-11-11
2006.12.06更新 TopStyle剪輯庫(kù)...2006-12-12
本文主要來(lái)講述一下 iframe 的用法與注意事項(xiàng): 好多同志對(duì) iframe 是如何控制的,并不是十分了解,基本上還處于一個(gè)模糊的認(rèn)識(shí)狀態(tài). 注意兩個(gè)事項(xiàng),ifr 是一個(gè)以存在的 iframe 的 ID 和 NAME 值:2008-04-04
不通過(guò)JavaScript實(shí)現(xiàn)的自動(dòng)滾動(dòng)視差效果
這篇文章介紹了一種通過(guò)CSS3實(shí)現(xiàn)的視差（Parallax）效果，這個(gè)效果通過(guò)在一個(gè)元素上疊加多個(gè)背景圖片，并使用-webkit- transition-屬性來(lái)實(shí)現(xiàn)。2009-04-04
使用CSS解決文字環(huán)繞圖片問(wèn)題的代碼...2007-12-12
解決IE升級(jí)后Flash線(xiàn)框問(wèn)題
解決IE升級(jí)后Flash線(xiàn)框問(wèn)題...2007-01-01
瀏覽器的不兼容，大家肯定都是深?lèi)和唇^的，往往我們只是去做修補(bǔ)，卻忘了更重要的事情，那就是追溯根源，避免類(lèi)似的不兼容再次出現(xiàn)。2008-08-08
關(guān)于td的height和line-height兼容問(wèn)題
寫(xiě)頁(yè)面的時(shí)候，遇到處理數(shù)據(jù)的時(shí)候還是要用TABLE的，但是有的時(shí)候顯示出來(lái)table, ie和ff的高不同。2008-04-04
使用display:none時(shí)隱藏DOM元素?zé)o法獲取實(shí)際寬高的解決方法
這篇文章主要介紹了使用display:none時(shí)隱藏DOM元素?zé)o法獲取實(shí)際寬高的解決方法的相關(guān)資料,需要的朋友可以參考下2022-07-07