嵌套按钮+屏幕上的位置

Question

有没有一种干净的方法可以将样式设置为"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>

Answer 1

不能100%确定你的意思，但下面是。。。

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

这将使按钮位于父div的中心。这就是你的意思吗？

JSFiddle