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

最新の記事

月別アーカイブ

recent trackback

  listをflexで横並びをウインドウ幅で折り返す


listをflexで横並びさせているとき
永遠に(?)横並びしているのをウインドウ幅にあわせて折り返すためには

ul.catlist {
list-style:none;
margin:auto 0;
padding:0;
font-size:12px;
}
.catlist {
display: flex;
flex-wrap: wrap;/* ウィンドウ幅で折り返す */}
.catlist li a {
display:block;
margin:0 2px 12px 2px;
padding:260px 2px 0 2px;
width:220px;
color:#999;
border:1px solid #ccc;
}
display: flex;と共に
flex-wrap: wrap;を指定する。

感動的です。
【2021/03/16 08:03】 css | トラックバック(0) |
コメント(0)

comment
投稿













管理者にだけ表示を許可する




trackback
trackback url ↓
http://dreamy.blog2.fc2.com/tb.php/245-6d51ec4e



| ホーム |
ブログ内検索

RSSフィード

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

TB_People

カレンダー

05 | 2021/06 | 07
- - 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 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

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

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

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

TB_People

カレンダー

05 | 2021/06 | 07
- - 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 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview