Q

顯示兩列之間有空格的列

zurb-foundation

2016-12-11 26 views -2 likes

-2

如何顯示兩列之間有空格的列？默認情況下，它們都是跟着彼此的，我找不到改變它的方法。顯示兩列之間有空格的列

這裏是來自YouTube的一個例子：

2016-12-11 Imri Persiado

A

回答

0

取決於你有多少空間想你......當你使用一個前端框架，有時候你需要做出一些權衡，發展的速度與「不要太個性化」。您從YouTube獲取的樣本與框架的默認列間距相比具有更小的間距，因此您對「默認情況下它們都是遵循對方」的肯定，我認爲並不十分精確;他們有間距，如果你想刪除，只需使用row collapse作爲列容器的類。

現在，如果你想要比默認更間距，你還有選擇：

您可以留下一列各元素之間，早晚的事情添加一列偏移到每一個。
您可以更改框架設置（如果您使用CLI版本或自定義，而不是預建）的列陰溝大小
您還可以編寫一些CSS來增加特定列容器的間距（我贏了' t建議全球這樣做，因爲你可能會混淆框架）。

2016-12-12 05:06:40

-1

的CSS。

邊距或填充。看看W3Schools

2016-12-11 13:43:14

+0

使用保證金將使柱砸淹沒到下一行，因爲所有列的總寬度爲100％。填充是不是我正在尋找它只是減少塊內的塊的大小，我需要在列之間的空間。 –

+0

@ImriPersiado你還沒有提供任何代碼。 –

+0

@ImriPersiado然後使用填充。 –

0

您的解決方案是使用一個框架，如Bootstrap或Foundation。在基礎中，每個'列'都在內部填充，所以你可以顯示這樣的網格。

這裏閱讀更多信息：http://foundation.zurb.com/sites/docs/grid.html

2016-12-13 06:30:15 elicohenator

相關問題