Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

 flex;でレイアウトしている横並びを解除


親に display: flex;
伸びる子にflex: 1;
固定している子にwidthを指定で横並びしているレイアウトで

ウィンドウ幅が狭くなった時、子の回り込みを解除するには

@media screen and (max-width: 600px) になった時
親のdisplay: flexをdisplay: block;に変え
伸びる子のflex: 1を消し
max-width: 600p;
width:100%;

これで回り込み解除できた。
【2021/01/08 20:44】 随想 | トラックバック(0) |
コメント(0)






| ホーム |
ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

12 | 2021/01 | 02
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

12 | 2021/01 | 02
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview