For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
深受web前端开发者欢迎的兼容问题解决方法有那些呢?高级的前端开发者是如何解决兼容问题的呢?下面昆明it培训老师带大伙一起看:
1. 行内元素或行内块元素在代码换行写时会出现左右的间隙,解决方法如下
1) 将代码写在一行上
2) 给父元素设置font-size:0,注意,子元素的字体大小需要单独设置
3) 给元素设置浮动
2. 当图片被放置于块元素中时,图片下方有间隙,解决方法如下
1) 给图片设置display:block;
2) 给图片设置vertical-align:top、middle、bottom
3) 给父元素设置font-size:0
4) 给图片设置浮动,同时清除父元素的塌陷
5) 给父元素加height
3. 该图片加超链接后,在IE浏览器下面图片有边框,解决方法如下
1) 给图片设置border:none
4. 给图片加超链接,然后设置鼠标移过超链接时显示边框的效果,但是发现边框只显示一半,解决办法如下
1) 给超链接设置display:block,同时要解决图片下方有缝隙的问题
5. 行内块元素上下错位问题,解决方法如下
1) 给行内块元素设置vertical-align:top、middle、bottom
2) 将元素浮动
6. 在不同浏览器下面元素的默认的margin和padding的值不相同,解决方法如下
1) *{margin:0;padding:0}
7. 上下的两个元素,默认的间距为较大的margin值,但是如果两个元素设置了浮动,那么这两个元素的间距就是margin之和
8. 父子关系的两个元素,如果给子元素设置float:left,且给子元素设置margin-left,那么在IE6下面margin-left加倍,解决方法如下
1) 给子元素设置:display:inline
免责声明:本文由昆明达内培训小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除
0元课程试听报名开始!