我们在建设网站时经常会遇见的不兼容问题就是:div垂直居中问题 、margin(边界)加倍、浮动ie产生双倍距离,该如何解决呢,北京网站建设在这和大家分享一个软件:IEtexter,这个软件是用来测试IE6,IE7,IE8,只要这3个版本的ie浏览器可以,那么你的网页做的就OK了。 壹、div 垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:300px; 然后插入文字,就垂直居中了。
贰、margin加倍 一般设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline。
叁、浮动ie产生双倍距离 #fang{ float:left; width:200px; margin:0 0 0 100px; //这种情况之下IE会产生400px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素); #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table。 北京欢迎你科技有限公司原创文章,关键词:北京网站建设 北京建网站 北京网站制作 转载请注明出处:www.bjhyn.cn
谢谢! |