div中有个img标签，div设置border样式，img标签与div之间的距离怎么解决
Posted 单身girl
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div中有个img标签，div设置border样式，img标签与div之间的距离怎么解决相关的知识，希望对你有一定的参考价值。
第一：
给图片img标签display:block。
img{display:block}
第二，定义容器里的字体大小为0。
div {
width:110px;
border:1px solid #000000;
font-size:0
}
第三:
定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top
img{vertical-align:bottom}
其他还有把图片下边距设为负值和改写html标签的排列。我觉得前三种就完全可以解决了
以上是关于div中有个img标签，div设置border样式，img标签与div之间的距离怎么解决的主要内容，如果未能解决你的问题，请参考以下文章
web前端鼠标放在div标签制成的盒子上如何实现图片一秒内由正方形变为圆形在变？
div中用img引用的图片下面会自动占据5px的位置，怎么消除？