可以潜水或任何东西.."margin:auto"但只允许填充其中的文本而不是固定大小或百分比吗？

Question

如果我想创建一个div.并在其中放置一些文本。.

<div style="margin:auto;background-color:yellow;">test</div>

问题是……它是100%的。。

我希望它只是在文本"文本"上有一个填充

我不想要100%。

但我想使用"margin:auto"

换句话说。。"float:left"将不适用于"margin:auto"

Answer 1

块级元素（如<div>）占用其包含块内的可用空间，如果不希望这样，则应将该元素的display类型更改为类似inline-block的类型。

然后，您可以给<div>元素一些padding，并通过给父元素一个text-align: center声明将其水平居中对齐。

.parent { text-align: center; }
.child { display: inline-block; padding: .5em 1em; background-color: gold; }

<div class="parent">
    <div class="child">test</div>
</div>