CSS】怎么解决浏览器兼容性问题
2016-08-10 10:55
232 查看
一、不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。因此如果想消除这种差距,应该在相应的CSS部分加入以下CSS代码:*{margin:0px;padding:0px;}。借于此,所有标记的内外边距被统一起来。
二、优先级问题:
对于同一标记属性所给定的值,有不同的优先级。其中优先级最高的是内联代码,其实是页内CSS,接下来是浏览器默认设置,最后才是外部CSS所做的限制。
三、Margin不一致的问题:
当有多张图片需要排在一行时,我们通常使用“Float:Left”来实现,这样一来,浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display:inline”项即可。(display:inline
的作用是设置对象做为行内元素显示,inline是内联对象的默认值(ps:内联对象就是不自动产生换行的元素,比如span) 而我们一般用的div是块级元素,默认display属性是block, 但将div的display设置为inline的话,则多个div可以像span一样显示在一行了。)
四、DIV居中问题:
通常我们会利用“vertical-align:middle”来实现,这对于搜狗浏览器来说,是正常的,但是对于IE浏览器来说,却并没有效果。对此,一种较好的解决方法是:将文字的行高设置与DIV一样时即可解决问。
五、内外边框合并问题:
通常情况下,对于两个相关DIV块,相邻时采用外边距合并原则,其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。掌握了这一规则,在利用DIV块进行布局时我们就可以做的更加得心应手。
=============================================================================
二、优先级问题:
对于同一标记属性所给定的值,有不同的优先级。其中优先级最高的是内联代码,其实是页内CSS,接下来是浏览器默认设置,最后才是外部CSS所做的限制。
三、Margin不一致的问题:
当有多张图片需要排在一行时,我们通常使用“Float:Left”来实现,这样一来,浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display:inline”项即可。(display:inline
的作用是设置对象做为行内元素显示,inline是内联对象的默认值(ps:内联对象就是不自动产生换行的元素,比如span) 而我们一般用的div是块级元素,默认display属性是block, 但将div的display设置为inline的话,则多个div可以像span一样显示在一行了。)
四、DIV居中问题:
通常我们会利用“vertical-align:middle”来实现,这对于搜狗浏览器来说,是正常的,但是对于IE浏览器来说,却并没有效果。对此,一种较好的解决方法是:将文字的行高设置与DIV一样时即可解决问。
五、内外边框合并问题:
通常情况下,对于两个相关DIV块,相邻时采用外边距合并原则,其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。掌握了这一规则,在利用DIV块进行布局时我们就可以做的更加得心应手。
=============================================================================
相关文章推荐
- 【CSS】怎么解决浏览器兼容性问题
- css解决div的各种浏览器兼容性问题
- CSS设置透明边框解决浏览器兼容性问题
- 【浏览器兼容性】css解决IE、Firefox兼容的div高度100%的问题
- 怎么解决浏览器兼容性问题
- css 浏览器兼容性问题解决
- 解决浏览器兼容性问题CSS(一)
- 【css】利用小数解析差异解决浏览器兼容性问题
- css解决浏览器兼容性问题
- IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总
- IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总
- 小数在各个浏览器的差异及css用小数解析差异解决浏览器兼容性问题
- HTML开发学习笔记(CSS浏览器兼容性问题解决)
- Asp.net中与codePage="936"有关的css失效等奇怪问题的解决办法(原创)
- 在"Select top 2 * from news order by count"进行筛选时,如果count值有重复时,则筛选结果将不是2条记录,这个问题该怎么解决?
- 怎么解决web service circular reference 问题
- CSS解决未知高度垂直居中的问题
- CSS解决未知高度垂直居中的问题
- 今天碰到一个强数据类型集的问题,不知道大家怎么解决呢????
- 怎么解决web service circular reference 问题