您好(hǎo)!欢迎光临北京欢迎你科技有限公司官网!
售前咨询热线: 400-8737-108 北京地区专线: 010-52886123 售后服务专线: 010-56035709 VIP专线: 15901551129(24小(xiǎo)时)
您可以通过(guò)以(yǐ)下新闻与公司动态进一步了解我们。我们所签约的客户,无论他们的项目是大或者小,我们都将提供好的服务。
我们在(zài)建设网站时经常会遇见(jiàn)的不兼容问题就是:div垂直居中问题 、margin(边界)加倍、浮(fú)动ie产生(shēng)双倍距离,该如何解决呢,北京网(wǎng)站建设在这(zhè)和大家分享一个软件:IEtexter,这个软(ruǎn)件是用来测试IE6,IE7,IE8,只(zhī)要(yào)这3个版本的ie浏览器可以,那么你的网页做的就OK了。
壹、div 垂直(zhí)居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:300px; 然后插入文字,就垂直居中了。
贰、margin加倍
一般设置为float的div在ie下设置的(de)margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline。
叁、浮动ie产生双倍(bèi)距离
#fang{ float:left; width:200px; margin:0 0 0 100px; //这种情况之下IE会产生400px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素); #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的(de)效(xiào)果 diplay:table。