css - cssは、設定時にpの幅を最大幅よりも小さくしたい

Question

を設定する必要がwidthありmax-widthますmargin:auto。この jsFiddle のように。

問題は、段落の幅が等しいmax-widthため、テキストのブロックが適切に中央に配置されないことです。

段落コントラクトの幅を、必要に応じて拡張して、テキストを含めるのに十分な大きさにするにはどうすればよいですmax-widthか?

JavaScript も固定幅もありません。ありがとう。

score 2 · Accepted Answer

よくわかりませんが、おそらく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; }

score 0 · Accepted Answer

max-width /または幅をパーセンテージで設定しようとしましたか？

それはそのようになります：

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

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

jsFiddleで試すことができます。

これがお役に立てば幸いです。

score 0 · Accepted Answer

text-align:center;テキストをpの中央に配置しますか、プロパティを使用しませんか

3 に答える 3