希望你能看到我追求的东西。顶行的三个“填充物”已经沉没，使金字塔状的形状紊乱。知道是什么导致了这个吗？
编辑：我还应该补充一点，我所采用的方法需要灵活，因为任何填充物都可能是一个类似的按钮，实际的金字塔要大得多。
答案 0 :(得分：0)
删除HTML元素之间的空白区域。但是，您不应该使用display: inline-block;。分析this example。您可以使用float代替，然后您不必担心HTML元素之间的空格。
答案 1 :(得分：0)
最简单的方法是在第一行的按钮上添加一些相对定位，如下所示：
答案 2 :(得分：0)
事实上，就像Guy建议的那样，你会想要使用float属性而不是display: inline-block，因为inline-block在使用不同类型的元素时对于垂直对齐非常挑剔彼此相邻，它们之间有空格。
但是，要保留“金字塔”形式，您需要将按钮包装在另一个设置为display: inline-block的div中，以允许整行以当前父div为中心。
就像在这个例子中一样：http://jsfiddle.net/syd8L/
答案 3 :(得分：0)
如果您有display: inline-block，则还应添加vertical-align: top。