- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：css firefox IE 画像を中央揃えにしたいです）
cssで画像を中央揃えにする方法
このQ&Aのポイント
- cssでホームページの画像を中央に揃える方法を教えてください。
- ホームページのindex.htmlにある画像を中央に配置しようとしていますが、firefoxでは中央揃えになりますが、IEでは左側に表示されてしまいます。
- どのようにすれば、firefoxとIEで画像を中央揃えにすることができるのでしょうか。初心者なので、具体的な方法を教えていただけると助かります。
- saladadada
- お礼率38% (5/13)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
body a img{ border: none; align:center; } スタイルシートにalignというプロパティはありません。 img要素にはalt属性をつけましょう。 .contents に text-align:center; を付け加えることで、 <div class="contents">～</div> の中身を中央寄せにできます。
その他の回答 (1)
- leap_day
- ベストアンサー率60% (338/561)
回答No.2
こんにちは firefoxでは中央揃えに・・・なっていないような気がするのですが（他の要素が影響してるのかな？ －－；）とりあえず・・・ h1 CSSがあるので<img>以外にもcontents内に文字とかがあるのかな？ それら全部を中央寄せにしてもいいのであれば#1様の言うように.contents CSS内にtext-align:center;を付け加えれば<img>に個別に指定してやらなくてもO.K.です 個別にするなら img { border:none; display:block; margin:auto; } のようにインライン要素ではなくブロック要素にしてやればmarginを使用することが出来ます
質問者
お礼
これは、トップページで body{ text-align:center; } で解決できました＾＾ このたびは、ありがとう御座いました。 次のページ作成中でして、質問を投稿しましたので もしよろしければ覗いてみてくださいませ。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
これは、トップページで body{ text-align:center; } で解決できました＾＾ このたびは、ありがとう御座いました。 次のページ作成中でして、質問を投稿しましたので もしよろしければ覗いてみてくださいませ。