短いときは中央、長いときは左寄せになるテキスト | ヨモツネット

短いときは中央、長いときは左寄せになるテキスト | ヨモツネット

概要 テキストが 1行で表示できる場合には中央揃え、2行以上になる場合は自動で左揃えとなるスタイルを...概要を表示 概要 テキストが 1行で表示できる場合には中央揃え、2行以上になる場合は自動で左揃えとなるスタイルを実現するための HTML の構造と CSS のコードについてです。 ただ、これを実現するために、HTML のタグが 3重のネストになってしまいます。(Firefox 2 をサポートしない場合は、ネストは 2重。) 短いときは中央、長いときは左寄せになるテキストの demo 説明 全体では中央揃え(text-align:center)、内包される inline-block では左揃え (text-align:left) とします。 inline-block は text-alignが有効でありながら箱を形成するので、箱自体は中央揃え、箱の中は左揃えとなります。この箱の横幅は内容量によって伸縮するので、短いときは中央揃え、2行以上になる場合は横幅は限界まで伸びている状態なので、箱の中身全体が左寄

• css
• tips
• 参考
• webdesign
• web制作
• *あとで読む