Question

如何以最少的代码水平分发3个div？

我有3个具有相同类的div，我需要水平分布它们，每个div之间有19个像素的空间。

我的解决方案目前是为前2个div提供19个像素的右边距，并为第3个div分配一个单独的类，使其左边距为19个像素。

这可以完成工作，但我觉得可能有更好的方法。理想情况下，所有3个div仍然具有相同的类别。

Answer 1

请参阅： http://jsfiddle.net/thirtydot/q6Hj8/

.yourDivClass + .yourDivClass {
    margin-left: 19px
}

使用adjacent sibling combinator将margin-left应用于.yourDivClass之前的每个.yourDivClass - 换句话说，除了第一个之外的所有{{1}}。

Answer 2

您只需要两个右边距的列;第三栏不需要额外的保证金。边框已添加，因此您可以在小提琴中看到它。

div.hasMargin
{
    margin-right: 19px;
}

div.column
{
    border-color: black;
    border-style: solid;
    border-width: 1px;
    float: left;
}