Question

我目前有这个div：

<div style="background: lightsalmon;margin-bottom: 12px; width: 600px; padding: 5px 8px;border: 1px solid #071B36;border-radius: 3px;">
    TEST
</div>

我尝试过这样使用<div style="text-align:center;"> </div>：

<div style='text-align: center;'>
    <div style="background: lightsalmon;margin-bottom: 12px; width: 600px; padding: 5px 8px;border: 1px solid #071B36;border-radius: 3px;">
        TEST
    </div>
</div>

^不起作用

我也尝试过这样使用<div style="text-align:center; display:block;"> </div>：

<div style='text-align: center;  display:block;'>
    <div style="background: lightsalmon;margin-bottom: 12px; width: 600px; padding: 5px 8px;border: 1px solid #071B36;border-radius: 3px;">
        TEST
    </div>
</div>

^不起作用

我也尝试过使用<center> </center>（即使不建议使用...

<center>
    <div style="background: lightsalmon;margin-bottom: 12px; width: 600px; padding: 5px 8px;border: 1px solid #071B36;border-radius: 3px;">
        TEST
    </div>
</center>

^有效!!!

唯一的问题是<center>使用起来很糟糕，因为它已经过时了！那么如何在不使用<center>

的情况下执行此操作

Answer 1

这是你想要实现的吗？ http://jsfiddle.net/cancerian73/LUcUZ/

<div style="background: lightsalmon;margin-bottom: 12px; width: 600px; padding: 5px 8px;border: 1px solid #071B36;border-radius: 3px; margin:0 auto;">
    TEST
</div>

如何将<div> </div>居中

1 个答案: