CSS display:flex

投稿者パンサーｆｋ  プレイ回数1791  順位2634位  お気に入り1
難易度(3.0) 249打 長文 英字  タグCSS html flex display
フレックスボックスを覚えよう
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 nori@ホドホ 1885 F 2.3 84.6% 108.2 249 45 15 2021/02/27

関連タイピング

関連タイピング一覧

問題文

ふりがな非表示 ふりがな表示

(ｆｌｅｘ－ｄｉｒｅｃｔｉｏｎ：ｃｏｌｕｍｎ；)

flex-direction

(ｊｕｓｔｉｆｙ－ｃｏｎｔｅｎｔ：ｃｅｎｔｅｒ；)

justify-content 主軸に沿って要素をそろえる

(ａｌｉｇｎ－ｉｔｅｍｓ：ｆｌｅｘ－ｓｔａｒｔ；)

align-items　交差軸に対しての操作

(ｆｌｅｘ－ｗｒａｐ：ｗｒａｐ；)

flex-wrap:wrap　折り返し

(ａｌｉｇｎ－ｃｏｎｔｅｎｔ：ｆｌｅｘ－ｅｎｄ；)

flex-wrap:wrap;の時に要素をそろえる

(ｆｌｅｘ－ｆｌｏｗ：ｒｏｗ　ｗｒａｐ；)

flex-directionとwrapの同時指定

(ａｌｉｇｎ－ｓｅｌｆ：ｃｅｎｔｅｒ；)

アイテムごとに交差軸に対する指定

(ｏｒｄｅｒ：１；)

アイテムの順番を指定 order:0;

(ｆｌｅｘ－ｇｒｏｗ：１；)

flex-grow：０；　アイテムの余った幅の分配

(ｆｌｅｘ－ｓｈｒｉｎｋ：０；)

アイテムの足りない幅の分配

(ｆｌｅｘ：１；)

flex-grow:1; shrink:1; basis:0%;

(ｆｌｅｘ：ａｕｔｏ；)

flex-grow:1; shrink:1; basis:auto;

(ｆｌｅｘ－ｂａｓｉｓ：ａｕｔｏ；)

flex-basis:auto; アイテムのwidthの指定

(ｓｐａｃｅ－ｂｅｔｗｅｅｎ　ｓｐａｃｅ－ａｒｏｕｎｄ)

stretchが初期設定、均等、1/2

(ｄｉｓｐｌａｙ：ｆｌｅｘ；)

display:flex;

◆コメントを投稿

※他者を中傷したり、公序良俗に反するコメント、宣伝行為はしないでください。

※このゲームにコメントするにはログインが必要です。