div中有个img标签，div设置border样式，img标签与div之间的距离怎么解决

Posted 2021-09-07 单身girl

第一：
给图片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标签的排列。我觉得前三种就完全可以解决了