css - 将 div 与内联块显示居中对齐

Question

对齐具有宽度的 div 非常简单，只需将左右边距设置为 auto 即可：

<div style="margin:0px auto;">

但在大多数情况下，由于内容是动态的，我无法为 div 设置宽度，使用 inline-block 可以获得 div 宽度的所需结果，但中心对齐不起作用。任何人有任何想法如何将其宽度由其内容宽度定义的 div 居中？

顺便说一句，我想知道是否可以用 css 做这样的事情，而不是用 jQuery 或 javascript。

score 1 · Accepted Answer

1

给父元素text-align: center

有关文本对齐的更多信息，请访问此链接

于 2013-06-20T12:27:56.893 回答

score 1 · Accepted Answer

<div style="text-align: center;">
    <div style="display: inline-block; background: yellow">Hello World</div>
</div>

score 0 · Accepted Answer

您可以用不同的宽度收缩包装内容。您需要两个包含元素来执行此操作，如下所示：

.outer-wrapper {
   float: right;
   position: relative;
   left: -50%;
}

.inner-wrapper {
   position: relative;
   left: 50%;
}

3 回答 3