网格问题与图像

时间:2013-06-26 07:28:19

标签: css image layout grid

我正在使用列并尝试使用宽度百分比将4个div与图像对齐。

它工作正常,但有一个问题,我有4列div元素和图像。

除了最后一列之外,所有列都有一个填充权。

如果你看http://codepen.io/anon/pen/mtgAI

正确的div更大。我知道问题是最后一个div没有正确的填充,

最后一栏现在更大了。有办法解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

Lloan Alas有一个好主意,不幸的是padding值应该是相同的。试试这个:

[class*='col-'] {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

[class*='col-']:last-of-type不是必需的。也许有更好的解决方案,但我希望它可以帮助你。 :)