3

マージン 0 auto で長いテキストを中央に配置し、マージンまたはパディングで距離を制御するのは簡単です。

しかし、幅を知らずにテキストを中央揃えにすることは可能ですか?そのテキストが左揃えの場合は?

  • 短いテキストを中央揃え
  • テキスト左揃え
  • 幅がわからない

確認する例は次のとおりです。http://jsfiddle.net/j4Y3k/5/

CSS:

#long {
    margin:50px auto;
    text-align:left;
    padding: 0px 100px;
    background:white;
}

#short {
    margin:0px auto;
    text-align:left;
}

HTML:

<div id="long">
long, long,long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, long, 
</div>

<div id="short"> 
short, short, short<br>
short, short, short, short, short, short<br>
short, short
</div>
4

2 に答える 2

1

width「とじしろオート」でセンタリングする場合は a を設定する必要があります。marginまた、プロパティに構文エラーがありました。

#short {
    margin:50px auto;
    text-align:left;
    width:300px;
}

http://jsfiddle.net/j4Y3k/2/

長い要素を中央に配置したと思うかもしれませんが、これは単にスペースが不足しているためであり、100pxパディングによって両側のギャップが強制されています。width真に中央揃えにしたい場合は、これにもプロパティを設定する必要があります。

于 2013-04-24T10:36:36.557 に答える