回答編集履歴

1

自分ならこうする、を追加

2020/03/10 23:41

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -24,10 +24,48 @@
24
24
 
25
25
  ```
26
26
 
27
+ `positino: absolute;` + `margin-top: auto;` + `margin-bottom: auto;` を使用した上下の中央揃えは、
28
+
29
+ `height`の指定が必要です。
30
+
27
31
 
28
32
 
29
33
  ---
30
34
 
31
- `positino: absolute;` + `margin: auto;` 使用た上下の中央揃えは、
35
+ liに指定している`display: inline;`が、いずれIEやEdgeなどでの表示崩れ起こそうなので、自分なら以下のようにします。
32
36
 
37
+
38
+
39
+ ```
40
+
41
+ ul {
42
+
43
+ background-color: #eee;
44
+
45
+ display: flex;
46
+
47
+ align-items: center;
48
+
49
+ li {
50
+
51
+ display: block;
52
+
53
+ }
54
+
55
+ .chi1 {
56
+
57
+ font-size: 32px;
58
+
59
+ }
60
+
61
+ .chi9 {
62
+
33
- `height`の指定が必要です。
63
+ margin-left: auto;
64
+
65
+ margin-right: 10px; /* この余白は、ulにpadding-rightで指定したほうがいい気もしますが */
66
+
67
+ }
68
+
69
+ }
70
+
71
+ ```