在學(xué)習(xí)用div+css 制作網(wǎng)站版面的時(shí)候,越來(lái)約關(guān)注的問(wèn)題就是,兼容問(wèn)題,這是個(gè)很頭疼的問(wèn)題,那么怎么解決這些問(wèn)題呢?
要解決瀏覽器兼容等問(wèn)題,必須要了解當(dāng)中的技巧和原理,我們也在網(wǎng)上收集了相關(guān)信息,并對(duì)其進(jìn)行整理,對(duì)于web2.0的過(guò)渡,請(qǐng)盡量使用xhtml的格式去寫(xiě)代碼,而且受doctype影響的css去處理,如果是作為w3c 標(biāo)準(zhǔn)的網(wǎng)頁(yè),切記一定要加doctype去聲明一下。
下面介紹一些css 兼容技巧
1、div的垂直居中問(wèn)題 vertical-align:middle; 將行距增加到和整個(gè)DIV一樣高 line-height:200px; 然后插入文字,就垂直居中了。缺點(diǎn)是要控制內(nèi)容不要換行
2、 margin加倍的問(wèn)題 設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍。這是一個(gè)ie6都存在的bug。解決方案是在這個(gè)div里面加上display:inline; 例如: <#div id=”imfloat”> 相應(yīng)的css為 #IamFloat{ float:left; margin:5px;/*IE下理解為10px*/ display:inline;/*IE下再理解為5px*
div+css 兼容技巧,你學(xué)會(huì)了嗎?
Copyright © 2010-2021 北京瑞恒天龍科技有限公司 All Rights Reserved | 北京網(wǎng)站建設(shè)知名服務(wù)商 | 北京網(wǎng)站制作 | 京ICP備11004170號(hào)-1 京公網(wǎng)安備110107000463號(hào)
地址:北京市海淀區(qū)永定路長(zhǎng)銀大廈B座 非工作時(shí)間:15810379666 服務(wù)熱線:400-809-6709 版權(quán)所有 盜版必究!