html.cssに詳しい方ご回答宜しくお願い致します。 親要素display:flexで子要素2つを

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

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

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

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

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

  
    補足日時：2021/03/04 23:10

No.3 ベストアンサー 回答者： sukitaro 回答日時： 2021/03/04 23:23

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

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

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

この回答へのお礼

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

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

No.2 回答者： sukitaro 回答日時： 2021/03/04 23:04

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

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

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

この回答へのお礼

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

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

No.1 回答者： sukitaro 回答日時： 2021/03/04 22:43

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

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

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


align-self （子要素の垂直方向の揃え）みたいなことでしょうか。

この回答へのお礼

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

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