【css】——inline-block4px和图片底部2pxbug
作者:mobiledu2502910203 | 来源:互联网 | 2023-10-15 09:26
首先我们观察一组案例:HTML结构很简单:<!DOCTYPEhtml><html><head><metacha
首先我们观察一组案例:
仔细观察图片,我们可以看到在图片的右侧和底部分别有4px、2px的空隙,一般来说,我们并不需要它们。那要怎么除掉呢?
方法一:display: block;
标签是一个内联元素标签,为了美化排版,W3C 默认给内联元素一个4px的右侧间距,所以,我们给
添加样式display:block
就可以了,如图:
就此,我们还可以推断出下面的方案:
方法二:float:left;
方法三:vertical-align: top;