注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

梦幻雪冰

技在手,能在身,思在脑,从容过生活——陈能堡

 
 
 

日志

 
 

img外部的border与img图片下部高度多余5px  

2014-05-23 23:56:19|  分类: CSS兼容专题 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、没有连接情况下图片是没有border

img外部的border - 梦幻雪冰 - 梦幻雪冰

2、有连接情况下图片是有border

代码如下

<a href="梦幻雪冰" title="梦幻雪冰">
<img src="梦幻雪冰" alt="梦幻雪冰" title="梦幻雪冰">
</a>

结果如下

img外部的border - 梦幻雪冰 - 梦幻雪冰
 结论: 产生条件:img外部有a标签,即img标签有链接时

            解决办法:设置img边框border:0;

添加border: 0;之后效果如下

img外部的border - 梦幻雪冰 - 梦幻雪冰

就这么简单的解决了img外部border的问题了

可惜的是发现图片底部多出了img图片下部高度多余5px

 修改下样式将图片转化为块级对象,即display:block;就解决问题了;

还有几种解决img图片下部高度多余5px问题,连接地址如下

独行冰海 : http://blog.163.com/hongshaoguoguo@126/blog/static/18046981201371423125765




  评论这张
 
阅读(126)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017