Question

有没有很好的干净方法将div的nesteded按钮元素放在中心，样式设置为“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

嵌套按钮+屏幕上的位置

1 个答案: