300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 行内块元素之间的空白间隙

行内块元素之间的空白间隙

时间:2024-01-03 19:09:55

相关推荐

行内块元素之间的空白间隙

行内块元素换行或是之间存在空格的时候,浏览器解析默认会有空格。

示例:

<div><input type="submit" class="sub"><input type="reset" class="re"></div>

可以看到两个行内块元素之间存在空格

解决方法:

1、敲代码时不要换行或空格

2、把父级font-size设置为0

3、给行内块元素添加float属性(浮动)

4、给行内块元素设置margin-left: -5px。

5、给行内块元素的父标签设置font-size:0, 自身设置font-size

其他值得注意的是插入图片时图片底部会有一小段空隙,那是图片与基线对齐的缘故,解决方法也很简单,只要将图片转换为块级元素即可display:block;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。