htmlcss在各种浏览器中的bug(简述html css在网页制作中各自的作用)
当有多张图片需要排在一行时,我们通常使用“FloatLeft”来实现,这样一来,浏览器就存在兼容性问题导致图片与后面的内容存在margin不一致的问题对此一种解决方法就是给图片添加“Displayinline”项即可DIV居中问题通常我们会利用“verticalalignmiddle”来实现,这对于搜狗浏览器来说,是正常。
即使你的标签是空的,这个标签的高度还是会达到默认的行高 浏览器兼容问题四行内属性标签,设置displayblock后采用float布局,又有横行的margin的情况,IE6间距bug 问题症状IE6里的间距比超过设置的间距 碰到几率20% 解决方案在displayblock后面加入displayinlinedisplay。
1文字本身的大小不兼容同样是fontsize14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了解决方案给文字设定 lineheight 确保所有文字都有默认的 lineheight 值这点很重要,在高度上。