CSS内联块固定宽度分幅

我正在构建一个基于tile的组合Wordpress主题，但我无法使tile在其父div中正确居中（我正在尽快从.cu.cc迁移）。我使用了

内联块

将它们对齐到一行，并且有

边距

样式来保持平铺之间的间隙，但我得到的是（添加了红线）：

我想将瓷砖与红线对齐-我怎么做

下面是HTML的简化版本：

<div class="content-wrapper">
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
</div>

谢谢，奥利弗

尝试添加以下内容：

.tile:last-child{
    margin-right : 0;
}

---

你的div是居中的，但是最后一个div的边距弄乱了元素

我要补充Karl André的回答，注意IE8不支持

：最后一个孩子

，所以切换到

.content-wrapper .tile {
   margin-left: 10px;
}
.content-wrapper .tile:first-child {
   margin-left: 0px;
}

更聪明的决定是使用以下方法：

.content-wrapper .tile + .tile {
   margin-left: 10px;
}

只有三行而不是六行，优雅而实用

此外，如果您对手动键入空白感到厌烦，并且想要<代码>正当化< /代码> -类似的行为，请考虑

---

.

你能增加瓷砖的右边距吗？@爆炸药丸我会这么想，但它会让一切更加糟糕。或者，你可以将右边距平分一半，然后使用该值来获得相等的水平边距：）谢谢！但是我试着把它添加到

.tile

，但是效果很差。

.content-wrapper .tile + .tile {
   margin-left: 10px;
}