我是靠谱客的博主 落寞高跟鞋,这篇文章主要介绍CSS中为什么设置元素为inner-block,元素之间会有间隔,现在分享给大家,希望可以做个参考。

刚开始在CSS文件中设置内外边距为0

复制代码
1
2
3
4
5
*{ margin: 0; padding: 0; }

但是,在浏览器上显示时,各个元素设置为inner-block,排列时候还是会有间隔。
解决方法:
1.可以设置为浮动float,然后添加clear:both;来清楚浮动。
2.改变外边距,将外边距设置为负的:margin:-7px 0px;(相对于浏览器来说,外边距差不多是7~8px,如果大可以调成5 ~6px)
3.设置元素字体大小为0 font-size:0px;

我当时用的是改变其外边距为-的。
这里说一下元素继承:
外层元素的元素会被内层元素所继承,多个外层元素,样式会叠加到内层元素;

参考链接:
如何解决inline-block元素的空白间距 css 完美解决
如何去除内联元素(inline-block元素)之间的间距

最后

以上就是落寞高跟鞋最近收集整理的关于CSS中为什么设置元素为inner-block,元素之间会有间隔的全部内容,更多相关CSS中为什么设置元素为inner-block内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(88)

评论列表共有 0 条评论

立即
投稿
返回
顶部