摘要:问题描述如下图,如果标签下跟一个块级标签,那么两者之间会出现一条缝隙。原因原因是行级标签具有自身的定位,图片默认的垂直对齐方式是基线解决方案如下图,将图片转成块级元素即可。解决方案如下图,更改图片的对齐方式为。
问题描述:
如下图,如果img标签下跟一个块级标签,那么两者之间会出现一条缝隙。
原因是行级标签具有自身的定位,图片默认的垂直对齐方式是基线(vertical-align: baseline)
解决方案1:如下图,将图片转成块级元素即可(display: block)。
如下图,更改图片的对齐方式为top(vertical-align: top)。
本文完。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/53183.html
摘要:问题描述如下图,如果标签下跟一个块级标签,那么两者之间会出现一条缝隙。原因原因是行级标签具有自身的定位,图片默认的垂直对齐方式是基线解决方案如下图,将图片转成块级元素即可。解决方案如下图,更改图片的对齐方式为。 问题描述: 如下图,如果img标签下跟一个块级标签,那么两者之间会出现一条缝隙。showImg(https://segmentfault.com/img/bVbiWYn?w=1...
摘要:宋体块级元素主要有宋体宋体内联元素不会以新行开始,和相邻的内联元素在同一行。也就是说,绝对定位或者浮动的内联元素,实际表现为块级元素,可以设置宽高和边距。为什么有些内联(行内)元素如img、input可以设置宽高? 在说明之前我们先来了解一些定义。 块级元素和内联元素: ①块级元素总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示。 宽度(width)、高度(height)、...
阅读 1198·2021-09-02 13:36
阅读 2686·2019-08-30 15:44
阅读 2925·2019-08-29 15:04
阅读 3153·2019-08-26 13:40
阅读 3614·2019-08-26 13:37
阅读 1144·2019-08-26 12:22
阅读 953·2019-08-26 11:36
阅读 1178·2019-08-26 10:41