システムメンテナンスのお知らせ

html.cssに詳しい方ご回答宜しくお願い致します。

親要素display:flexで子要素2つを横並びにしたんですが(今は左に並んでいます)片方の子要素だけをページのcenterに移動するにはどうしたら良いのでしょうか?

ほぼ独学でHP作りを始めたばかりで質問の仕方も合っているのかわかりませんが…どなたか教えて頂きたいです(TT)

質問者からの補足コメント

  • このようにしたいのです(TT)

    「html.cssに詳しい方ご回答宜しくお」の補足画像1
      補足日時:2021/03/04 23:10
gooドクター

A 回答 (3件)

flexでも実現できるのかもしれませんが、


わたしには、その方法は分かりません。
すみません。

もしわたしが、このデザインを実現しようと思ったら、
まず2に対して、margin:0 auto;で中央寄せして、
1に対しては、position:absolute;で、
位置を指定すると思います。
https://saruwakakun.com/html-css/basic/relative- …
    • good
    • 0
この回答へのお礼

ありがとうございます!!!!
真ん中に表示できました。・°°・(>_<)・°°・。
本当に助かりました!!!!どうもありがとうございます!!!!

お礼日時:2021/03/04 23:26

「1・2と横並びになっているとしたら2だけを右に移動させて真ん中に表示したい」


というのも、すみませんが、どうされたいのか、分かりません。

一般論ですが、子要素をそれぞれ違う扱いにしたいのであれば、
flexを使うのではなくて、
floatで、それぞれ別個にcssを書くのが良いのではないでしょうか。
https://www.itra.co.jp/webmedia/float-property.h …
    • good
    • 0
この回答へのお礼

何度も申し訳ありません(TT)
補足に画像添付したのですが見ていただけますか?(TT)

お礼日時:2021/03/04 23:11

「片方の片方の子要素だけをページのcenterに移動」


というのがよく分かりませんが、

以下のページで、
https://www.webcreatorbox.com/tech/css-flexbox-c …


align-self (子要素の垂直方向の揃え)みたいなことでしょうか。
    • good
    • 0
この回答へのお礼

説明がわかりずらくてすみません…
1・2と横並びになっているとしたら2だけを右に移動させて真ん中に表示したいのです。

お礼日時:2021/03/04 22:50

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

gooドクター

このQ&Aを見た人がよく見るQ&A

このカテゴリの人気Q&Aランキング