css要求p在设置时宽度小于最大宽度

Question

我需要设置width或max-width才能使margin:auto正常工作，对吗？ Like in this 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/