css - 图像的网格问题

Question

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

它工作正常但有一个问题，我有 4 列，其中包含一个 div 元素和一个图像。

除最后一列外，所有列都有填充权。

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

右侧的 div 更大。我知道问题出在最后一个 div 没有正确的填充，

最后一列现在变大了。有什么办法可以解决这个问题？

Answer 1

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

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

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