css - 使用 Blueprint CSS，我们如何设置 3 列样式，每列 300 像素宽，中间有 15 像素的边距或填充？

Question

内容区域的宽度是 960px，有 3 列，每列 300px，所以总共 900px，列之间的 padding/margin 为 15px，总共 30px，最后，在第 1 列的左侧应该有 15px 的 padding / 边距，与第 3 列右侧相同。所以总也是30px。

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

如何在蓝图/CSS 中做到这一点？这可以使用简单的 CSS 来完成，但编码标准需要使用蓝图 CSS。

Answer 1

您可以覆盖蓝图类，请参见此处：

http://jsfiddle.net/JeaffreyGilbert/aznVd/

我假设您使用的是 Blueprint 的grid.css.