使用Blueprint CSS,我们如何设计3列的样式,每列宽300像素,中间有15像素的边距或填充?

使用Blueprint CSS,我们如何设计3列的样式,每列宽300像素,中间有15像素的边距或填充?,css,blueprint-css,Css,Blueprint Css,内容区的宽度为960px,有3列,每列300px,因此总共900px,列之间的填充/边距为15px,总共30px, 最后,在第1列的左侧应该有15px的填充/边距,在第3列的右侧应该是相同的。所以总数也是30px 900px+30px+30px将是960px 如何在Blueprint/CSS中实现这一点?这可以使用简单的CSS完成,但编码标准要求使用Blueprint CSS。您可以覆盖Blueprint类,请参见此处: 我假设您正在使用Blueprint的grid.css几乎。。。除了最左边

内容区的宽度为960px,有3列,每列300px,因此总共900px,列之间的填充/边距为15px,总共30px, 最后,在第1列的左侧应该有15px的填充/边距,在第3列的右侧应该是相同的。所以总数也是30px

900px+30px+30px将是960px


如何在Blueprint/CSS中实现这一点?这可以使用简单的CSS完成,但编码标准要求使用Blueprint CSS。

您可以覆盖Blueprint类,请参见此处:


我假设您正在使用Blueprint的
grid.css

几乎。。。除了最左边的列和最右边的列没有15px之外?您必须选择是减小最左边和最右边的列的宽度,还是将30px添加到容器中。我假设您选择将30px添加到容器中。以下是最新消息: