您好!歡迎光臨北京歡迎你科技有限公司官網(wǎng)!
售前咨詢熱線: 010-56035709 北京地區(qū)專線:
010-56035709 售后服務(wù)專線:
010-56035709 VIP專線:
15901551129(24小時)
您可以通過以下新聞與公司動態(tài)進(jìn)一步了解我們。我們所簽約的客戶,無論他們的項目是大或者小,我們都將提供好的服務(wù)。
我們在建設(shè)網(wǎng)站時經(jīng)常會遇見的不兼容問題就是:div垂直居中問題 、margin(邊界)加倍、浮動ie產(chǎn)生雙倍距離,該如何解決呢,北京網(wǎng)站建設(shè)在這和大家分享一個軟件:IEtexter,這個軟件是用來測試IE6,IE7,IE8,只要這3個版本的ie瀏覽器可以,那么你的網(wǎng)頁做的就OK了。
壹、div 垂直居中問題
vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:300px; 然后插入文字,就垂直居中了。
貳、margin加倍
一般設(shè)置為float的div在ie下設(shè)置的margin會加倍。這是一個ie6都存在的bug。解決方案是在這個div里面加上display:inline。
叁、浮動ie產(chǎn)生雙倍距離
#fang{ float:left; width:200px; margin:0 0 0 100px; //這種情況之下IE會產(chǎn)生400px的距離 display:inline; //使浮動忽略} 這里細(xì)說一下block與inline兩個元素:block元素的特點是,總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);Inline 元素的特點是,和其他元素在同一行上,不可控制(內(nèi)嵌元素); #box{ display:block; //可以為內(nèi)嵌元素模擬為塊元素 display:inline; //實現(xiàn)同一行排列的效果 diplay:table。