CSS display:flex

投稿者パンサーfk プレイ回数935
難易度(3.0) 249打 長文 英字 タグCSS html flex display
フレックスボックスを覚えよう
順位名前スコア称号打鍵/秒正誤率時間(秒)打鍵数ミス問題日付
1 パンサーfk 4219 C 4.4 95.7% 56.4 249 11 15 2020/03/26
2 Affa 3841 D++ 3.9 97.2% 63.0 249 7 15 2020/05/22

関連タイピング

html5+ CSS3

html5+ CSS3

初級

プレイ回数4972
長文526打
HTML5+CSS3

HTML5+CSS3

HTML5とCSS3を学ぼう

プレイ回数18249
長文869打
ウェブプログラミングタイピング

ウェブプログラミングタイピング

ウェブプログラミング言語のタイピング練習ができます。

プレイ回数12837
長文2819打
PHP PDO

PHP PDO

自分練習用

プレイ回数1011
長文536打
php session

php session

php の勉強中

プレイ回数1165
長文395打
HTML・CSSの言語を覚える為専用

HTML・CSSの言語を覚える為専用

読み方の勉強です。

プレイ回数386
短文英字171打

問題文

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

(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;

◆コメントを投稿

※公序良俗に反するコメントや、他者を中傷するようなコメントはしないでください。
※このゲームにコメントするにはログインが必要です。

パンサーfkのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表

人気ランキング

注目キーワード