2014-05-21 34 views
-1

本周我开始学习sass,并且我为画廊做了一个布局here是我迄今为止所做的。修复内联块元素的双边界错误Sass

你会发现如何我使用

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

用于固定内联元素之间的空格。 我也成功地从左侧和右侧固定双页边空白,但是您可以在小提琴 中看到在第一行之后有一些双页边距 上/下侧。有人能帮我修理吗? PS:我想到了一些伪选择器来选择第一行之后的每个元素。

+0

空白无关带空白。 –

+1

这可能对你有用:http://css-tricks.com/video-screencasts/132-quick-useful-case-sass-math-mixins/ –

+0

当你提到双边距是指左边距0.3%对每个项目?我注意到的唯一两倍是由于浏览器子像素四舍五入(例如,一些边距四舍五入为1px,大约2px)。在创建这种响应式网格时,我个人的偏好是使用固定宽度的填充来创建排水沟(例如,排水沟总是正好是1px)。如果它有用,我可以创建一个小提琴演示。 –

回答

1

添加vertical-align: top;.item元素

+0

谢谢,那固定从顶部/底部的空白:) – Boyanov

+0

是的,我忘了每次我做内联块网格时添加该声明;) –