解决方法
山姆,你看到的那个空间实际上就是空白.这就是为什么删除填充和边距什么都不做.让我解释.当你有这个:
<div> a a a a </div>
这就是它呈现的方式:
a a a a
…对?
所以,如果你有这个:
<div> <div style="display:inline-block"></div> <div style="display:inline-block"></div> <div style="display:inline-block"></div> </div>
……你会得到同样的东西:
block [space] block [space] block
现在……这个问题有很多不同的解决方案.我相信最常见的是评论html中的空格:
<div> <div style="display:inline-block"></div><!-- --><div style="display:inline-block"></div><!-- --><div style="display:inline-block"></div> </div>
我不喜欢它 – 我更喜欢保持html尽可能干净.我首选的方法是将父级的font-size设置为0,然后在内联块本身上设置所需的字体大小.像这样:
div { font-size: 0; /* removes the whitespace */ } div div { display: inline-block; font-size: 14px; }
原文地址:https://www.jb51.cc/css/215305.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。