BinaryDevelop
  1. ホーム
  2. html

[解決済み] text-align centerを使用して画像を中央に配置しますか？

2022-03-17 04:21:11

質問

プロパティは text-align: center; は、CSS を使って画像を中央に配置する良い方法ですか？ 

img {
    text-align: center;
}

解決方法は？

として機能しません。 text-align プロパティはブロックコンテナに適用され、インライン要素には適用されません。 img はインライン要素である。参照 W3C仕様 .

代わりにこちらをお使いください。 

img.center {
    display: block;
    margin: 0 auto;
}

<div style="border: 1px solid black;">
<img class="center" src ="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a">

</div>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します