2015-11-06 49 views
0

我正在使用Susy 2圖庫功能,並想知道如何影響圖庫中每張圖像之間的垂直和水平排水溝的寬度。Susy 2圖庫和裝訂圖

此刻,圖像之間沒有足夠的寬度。

回答

0

水平排水溝由$susy地圖中的gutters設置進行控制。它們被設置爲列寬的一部分。 See the docs。垂直排水溝由您手動處理。根據需要添加垂直邊距。如果您希望它們與水平排水溝相匹配,則可以使用Susy gutter()函數(例如margin-bottom: gutter();)。

+0

我可以看到margin-bottom:gutter();但是如果我添加margin-left | right:gutter(...),生成的CSS將被Gallery生成的樣式刪除。也許我錯過了一些非常明顯的東西,但我似乎無法控制圖庫項目之間的垂直空間。 – user1493194

+0

如果'margin-bottom:gutter();'有效,我不明白你的問題。請在codepen或sassmeister上展示演示。 –

0

,你可以這樣做:

@include gallery(2 of 12 split); 
margin-bottom: gutter(); // the same as gutter(12) 

分割圖像,並給予底溝兩個分裂溝的寬度之間的排水溝。