css - css希望p在设置时的宽度小于最大宽度

Question

我需要设置width或max-width为了margin:auto工作，对吧？就像在这个 jsFiddle 中一样。

问题是，段落宽度等于max-width，因此文本块没有正确居中。

如何使段落合同的宽度仅足以包含文本，并max-width根据需要扩展？

没有javascript，也没有固定宽度。谢谢。

Answer 1

我不确定，但也许一个inline-block段落是你正在寻找的：

<div>
    <p>Lorem ipsum dolor sit amet</p>
</div>​

div { text-align: center; }
p { display: inline-block; text-align: left; max-width: 40ex; }

http://jsfiddle.net/wuqaH/1/

Answer 2

您是否尝试设置最大宽度/或百分比宽度？

会是这样：

div {
    width: 100%;
    background: red;
}

p {
    margin: 0 auto 0 auto;
    background: blue;
    max-width: 90%; }

你可以在你的 jsFiddle 上试试。

希望这会帮助你。

Answer 3

是否要将文本居中在 p 中，为什么不使用text-align:center;属性

http://jsfiddle.net/H7qrp/5/