如果 div 为空，则忽略边距

我有 2 个 DIV 彼此相邻水平对齐，并使用包装器居中。 我使用 margin-right 将 DIV2 与 DIV1 分开。 DIV2 可能没有内容。如果 DIV2 没有内容，我希望忽略边距，而 DIV1 单独居中。

这是我的CSS：

#div1 {
     display: inline-block;
     width: 100px;
     border: 1px solid #000000;
     margin-left: 200px;
}
#div2 {
     display: inline-block;
}

这是 HTML：

<div style="text-align:center;">
     <div id="div1">Div1</div>
     <div id="div2"></div>
</div>

我创建了一个小提琴供你玩：http://jsfiddle.net/wfrcG/3/ http://jsfiddle.net/wfrcG/3/

CSS 有没有一种方法可以在不使用 javascript 的情况下实现此目的？

你可以使用:empty https://developer.mozilla.org/en-US/docs/Web/CSS/%3aempty将边距设置为的伪类0如果元素为空。

示例在这里 http://jsfiddle.net/jr8Ux/

#div2:empty {
    margin:0;
}