修復內聯塊元素的雙邊界錯誤Sass

-1

本週我開始學習sass，並且我爲畫廊做了一個佈局here是我迄今爲止所做的。修復內聯塊元素的雙邊界錯誤Sass

你會發現如何我使用

 

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

用於固定內聯元素之間的空格。我也成功地從左側和右側固定雙頁邊空白，但是您可以在小提琴中看到在第一行之後有一些雙頁邊距 上/下側。有人能幫我修理嗎？ PS：我想到了一些僞選擇器來選擇第一行之後的每個元素。

2014-05-21 Boyanov

空白無關帶空白。 –

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

當你提到雙邊距是指左邊距0.3％對每個項目？我注意到的唯一兩倍是由於瀏覽器子像素四捨五入（例如，一些邊距四捨五入爲1px，大約2px）。在創建這種響應式網格時，我個人的偏好是使用固定寬度的填充來創建排水溝（例如，排水溝總是正好是1px）。如果它有用，我可以創建一個小提琴演示。 –

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

2014-05-21 11:57:18

謝謝，那固定從頂部/底部的空白:) – Boyanov

是的，我忘了每次我做內聯塊網格時添加該聲明;） –

回答