修复内联块元素 Sass 的双边距错误答案

【问题标题】：Fixing the double margins bug for inline-block elements Sass修复内联块元素 Sass 的双边距错误
【发布时间】：2014-05-21 19:57:18
【问题描述】：

这周我开始学习 sass，我为画廊 here 做了一个布局，这是我到目前为止所做的。

你会注意到我是如何使用的

<!--
--><section class="item"></section><!--
--><section class="item"></section><!--
-->

用于修复内联元素之间的空格。我也成功地修复了左右两边的双边距，但正如你在小提琴中看到的那样第一行 在顶部/底部 之后有一些双倍边距。有人可以帮我修复它吗？

PS：我在想某种伪选择器来选择第一行之后的每个元素。

【问题讨论】：

空白与边距无关。
这可能对你有用：css-tricks.com/video-screencasts/…
当您提到双倍边距时，您指的是每个项目的 0.3% 左边距吗？我注意到的唯一翻倍是由于浏览器子像素四舍五入（例如，一些边距被四舍五入为 1 像素，一些 2 像素）。在创建这种响应式网格时，我个人的偏好是使用固定宽度的填充来创建排水沟（例如，排水沟总是正好 1px）。如果有用，我可以创建一个小提琴来演示。
sry 我应该编辑我在项目顶部/底部的双边距有问题的问题（在 Chrome 中测试）
嗯，好的。当上边距和下边距设置为零时更容易看到。我已经回答了这个问题。

【解决方案1】：

将vertical-align: top; 添加到您的.item 元素中

【讨论】：