css - 有没有一种好方法可以在 div 中均匀对齐 div、图像等，而不必先使用 class.first？

Question

我希望我的问题是有道理的。

我想知道是否有一种无需使用类来区分左侧 div 即可对齐 div 的好方法，以便浏览器知道不向该 div 添加任何左边距？

假设您有一个包含 3 列的投资组合:

每一列都有:

.column300 {
float:left;
width:300px;
margin-left:20px;
}

然后您将第一列设置为具有类 .first 并且没有左边距:

.column300.first {
margin-left:none;
}

等等。

所以第 1、4、7、10 等列都将添加 class .first，所以一切都很好。

---

我只是想知道在这些情况下是否有更好的排列方式？也许这样您就不必将 .first 类添加到每个左列。

当您设计将由 CMS 控制的投资组合布局时，它确实适用于向每个左侧列添加类 .first 可能会很困难。

任何想法或建议将不胜感激! :)

Answer 1

我假设您有许多 div 元素，并且类 .column300 彼此相邻。如果是这种情况，请尝试以下 CSS 代码。

.column300:nth-child(3n-2) {
     margin-left: none;
}

您可以在 :nth-child tester 中使用“3n-2”对其进行测试.