回答編集履歴
2
修正
test
CHANGED
|
@@ -32,4 +32,4 @@
|
|
|
32
32
|
|
|
33
33
|
**追記**
|
|
34
34
|
|
|
35
|
-
align-itemsはflexコンテナ直下の子要素であるflexアイテム
|
|
35
|
+
`align-items`はflexコンテナ直下の子要素であるflexアイテムにのみ有効であるため、`li`に再度`display:flex`を適用させればテキストも`align-items`と`justify-content`で上下中央揃えにすることも可能です。
|
1
追記
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
line-heightでテキストの中央揃え行うのはよく使うので覚えてお
|
|
1
|
+
line-heightでテキストの中央揃え行うのはよく使うので覚えておくことをお勧めします。`line-height`は`li`の高さと同じに設定してください。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -27,3 +27,9 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
```
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
**追記**
|
|
34
|
+
|
|
35
|
+
align-itemsはflexコンテナ直下の子要素であるflexアイテム（今回の場合では`li`）にのみ有効であり、テキストレベルでは関係ありません。
|