CSS display:flex

投稿者パンサーfkプレイ回数2306お気に入り1
難易度(3.0) 249打 長文 英字タグCSS html flex display
フレックスボックスを覚えよう
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 地蔵 3514 D+ 3.7 93.9% 66.3 249 16 15 2021/10/02
2 nori@ホドホ 2951 E+ 3.2 90.8% 75.9 249 25 15 2021/09/23
3 ノベさん 411 G 0.5 78.5% 440.2 249 68 15 2021/10/08

関連タイピング

問題文

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

(flex-direction:column;)

flex-direction

(justify-content:center;)

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

(align-items:flex-start;)

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

(flex-wrap:wrap;)

flex-wrap:wrap 折り返し

(align-content:flex-end;)

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

(flex-flow:row wrap;)

flex-directionとwrapの同時指定

(align-self:center;)

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

(order:1;)

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

(flex-grow:1;)

flex-grow:0; アイテムの余った幅の分配

(flex-shrink:0;)

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

(flex:1;)

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

(flex:auto;)

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

(flex-basis:auto;)

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

(space-between space-around)

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

(display:flex;)

display:flex;

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、歌詞の投稿、宣伝行為は禁止です。

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

※コメントは日本語で投稿してください。

※歌詞のコメントは著作権侵害となります。投稿しないでください!