Zurb粉底从右侧div中移除左侧填充物

时间:2014-02-28 16:11:41

标签: css zurb-foundation padding spacing

我没有使用SASS,我正在使用CSS。如何从右侧div中删除左侧填充?我只想在显示大尺寸列时删除左边距,如果它的尺寸小于大尺寸,我希望它保持使用左边距(用于移动目的)。

example http://nsae01.casimages.net/img/2014/02/28/140228050513402376.jpg

3 个答案:

答案 0 :(得分:4)

你试过吗? .row.collapse

答案 1 :(得分:1)

如果为所有同级容器(即列)设置类并设置:

,该怎么办?
DIV.myColumnClass:first-child {
    padding: 0px 20px; /* left and right padding */
}

DIV.myColumnClass {
    padding: 0px 20px 0px 0px; /* right padding */
} 

DIV.myColumnClass:last-child {
    padding: 0px;
}

有些不同:第一列有左右填充,其他列只有右边,最后一列没有左边或右边填充。

答案 2 :(得分:0)

.row.collapse使得边距等于0而不是填充