CSS display:flex

投稿者パンサーfk プレイ回数559 順位512位
難易度(3.0) 249打 長文 英字 タグCSS html flex display
フレックスボックスを覚えよう
順位名前スコア称号打鍵/秒正誤率時間(秒)打鍵数ミス問題日付
1 パンサーfk 4089 C 4.2 95.7% 58.2 249 11 15 2020/02/17
2 2817 E+ 2.8 97.2% 85.9 249 7 15 2020/02/16
3 k 2752 E+ 2.8 95.4% 86.1 249 12 15 2020/01/27

関連タイピング

暗記するhtml css 文字数少ないもののみ

暗記するhtml css 文字数少ないもののみ

暗記用

プレイ回数233
長文1549打
HTML初級(Progate編)

HTML初級(Progate編)

Progateの復習用

プレイ回数960
長文1044打
PHP PDO

PHP PDO

自分練習用

プレイ回数538
長文519打
php session

php session

php の勉強中

プレイ回数654
長文269打
htmlタグ form編

htmlタグ form編

html5暗記用 <>を省いています

プレイ回数39
英語長文1255打
html5+ CSS3

html5+ CSS3

初級

プレイ回数4012
長文526打

問題文

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

(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のタイピング

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

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

人気ランキング

注目キーワード