中心div和fit内容？

Question

我想将div放在页面中间,让div适合内容.我怎样才能做到这一点？

---

我试过了

width: 1px;
white-space: nowrap;
margin: 0 auto;

以div为中心,但所有文本都在右边.

display: inline-block使div适合内容,但margin: 0 auto;似乎不起作用...

Answer 1

这对您有用:http://vidasp.net/tinydemos/inline-centered-div.html

body { text-align:center; }
div { display:inline-block; }

Answer 2

通常，如果您想将某些文本居中，您将使用一个跨越您要居中和设置的容器的容器text-align: center;。

CSS：

#container {
    text-align: center;
}

HTML：我的文字

如果您想要一个围绕文本大小的容器，出于颜色背景或边框的目的，请插入另一个内部容器。

CSS：

#container {
    text-align: center;
}

#inner_div {
    display: inline;
    /*other styles here*/
}

HTML：

<div id="container">
    <div id="inner_div">my text</div>
</div>