- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：aタグの中にあるimg二つを中央ぞろえにしたい）
aタグの中にあるimg二つを中央ぞろえにする方法
このQ&Aのポイント
- aタグの中にあるimg二つを中央ぞろえにする方法について教えてください。
- pにtext-align: center;をつけてもうまくいかない場合、インライン要素のなかにインライン要素があり中央ぞろえにする方法はありますか？
- text-align:center;は子孫要素を左右真ん中にするだけで、親がaなどのインライン要素の場合は使えないのでしょうか？
noname#226032
- CSS
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
下記のHTMLで画像が2つセンターに並びますよ。 各要素に指定しているクラスのCSSで打ち消すような指定が入ってるんじゃないでしょうか。 ========== <body> <p style="text-align: center;"> <a href="http://www.google.co.jp"> <img src="./picture.jpg"> <img src="./picture.jpg"> </a> </p> </body>
その他の回答 (1)
- bya00417
- ベストアンサー率34% (58/170)
回答No.2
＞ img のサイズがそれぞれ異なる場合です。 ＞ ｈｔｍｌというよりcssをどのようにするかということなのです。 画像のサイズが異なっても p タグに「text-align:center;」のスタイル “だけ” 適用されていれば、2つの画像が画面中央に並びます。 「各要素に指定しているクラスのCSSで打ち消すような指定が入ってるんじゃないでしょうか。」と書いたのは、p タグに指定されている「class="c-logo-wrap--small"」や a タグに指定されている「class="u-ta-c"」というクラスに適用されているスタイルの中に、text-align を打ち消すようなスタイルが存在するんじゃないでしょうかという事です。 どのようなCSSになっているのか書かれていないので、単純に「text-align:center;」だけ適用すれば問題なく画像が中央表示されるので、a タグの問題では無いと回答したつもりです。
お礼
説明不足でしたね。 img のサイズがそれぞれ異なる場合です。 ｈｔｍｌというよりcssをどのようにするかということなのです。