带显示的 div: 行内块边距0自动不居中

<div style="display: inline-block; margin: 0 auto;">
<input id="abc" type="button" value="button" />
</div>

我尝试使用上面的代码来设置宽度等于它的内容，然后中心它的边距: 0自动;

但在任何浏览器上都不管用，有什么建议吗？

顺便说一下，当我设置的宽度属性，它工作得很好。

<div style="width: 10em; margin: 0 auto;">
<input id="abc" type="button" value="button" />
</div>

html
css

82674 次浏览

小开

既然你要求 DIV 是 inline-block，text-align: center;就是答案。

<div style="text-align: center;">
<div style="display: inline-block; text-align: left;">
<input id="abc" type="button" value="button" />
</div>
</div>

小开

最佳答案

展示: 桌子; 将它放在中间:

CSS:

  .button{
display: table;
margin: 0 auto;
}

HTML:

<div class="button">
<input id="abc" type="button" value="button" />
< /div>

注意: 使用内联样式是一种不好的做法。

小开

试试看

body {text-align: center;}