问题描述:
如下图,如果img标签下跟一个块级标签,那么两者之间会出现一条缝隙。
原因:
原因是行级标签具有自身的定位,图片默认的垂直对齐方式是基线(vertical-align: baseline)
解决方案1:
如下图,将图片转成块级元素即可(display: block)。
解决方案2:
如下图,更改图片的对齐方式为top(vertical-align: top)。
本文完。
如下图,如果img标签下跟一个块级标签,那么两者之间会出现一条缝隙。
原因是行级标签具有自身的定位,图片默认的垂直对齐方式是基线(vertical-align: baseline)
如下图,将图片转成块级元素即可(display: block)。
如下图,更改图片的对齐方式为top(vertical-align: top)。
本文完。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。