Css 嵌套按钮+屏幕上的位置

有没有什么干净的方法可以将div的嵌套按钮元素放在中间，样式设置为table

理想情况下，我不希望将按钮包含在额外的div中

    <div class="the-tabs">
    <button class="tool-button dark_mini"><img src="Tools-icon.png"></button>
    <button class="help-button dark_mini"><img src="Info-icon.png"></button>
    <button class="save-button dark_mini"><img src="Zoom-in-icon.png"></button>
    <button class="save-button dark_mini"><img src="Save-icon.png"></button>

                <div id="the_preview" style="width:<?php echo $third_w;?>px;height:<?php echo $third_h;?>px;"> 
                    <div id="loading"><img src="images/loading.gif"><br/>Loading .... </div>

                    <img  src="<?php echo $the_img;?>" width=" <?php echo $width_new;?>px" height=" <?php echo $height_new;?>px" id="preview" class="preview_color"/>
                </div>
</div>

---

不是百分之百确定你的意思，但现在

.the-tabs {
   text-align: center;
}

这将使父分区内的按钮居中。这是您的意思吗

---

如果你提供一些HTMLSorry是的，我写得有点快，似乎遗漏了几个关键点：div.the-tabs设置为display:table；谢谢，这很有效。有趣的是，我把它放在了位置上，但忘了我已经把按钮设置为向左浮动。为帮助干杯