回答編集履歴
2
修正
test
CHANGED
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
このような形でいかがでしょうか?
|
|
2
2
|
|
|
3
|
-
`style="height: 100%;"`を追加しています。
|
|
3
|
+
とりいそぎ`style="height: 100%;"`を追加しています。
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
「100%」だと最終的な形としては正しくないかもしれないですが、
|
|
8
4
|
|
|
9
5
|
d-flexを指定した要素の高さがないと、その内部のコンテンツを中央配置しているように見えないです。
|
|
10
6
|
|
|
@@ -24,4 +20,8 @@
|
|
|
24
20
|
|
|
25
21
|
```
|
|
26
22
|
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
`height: 100%;`でなく、`height: calc(100% - 1em);`などかもしれません。調整お願いします。
|
|
26
|
+
|
|
27
27
|
もしかしたら、`<div style="padding:0.5rem;">`が不要かもしれません。
|
1
修正、`style="height: 100%;"`を追加しました。
test
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
こ
|
|
1
|
+
このような形でいかがでしょうか?
|
|
2
|
+
|
|
3
|
+
`style="height: 100%;"`を追加しています。
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
「100%」だと最終的な形としては正しくないかもしれないですが、
|
|
8
|
+
|
|
9
|
+
d-flexを指定した要素の高さがないと、その内部のコンテンツを中央配置しているように見えないです。
|
|
2
10
|
|
|
3
11
|
|
|
4
12
|
|
|
5
13
|
```HTML
|
|
6
14
|
|
|
7
|
-
<div class="d-flex align-items-center justify-content-center">
|
|
15
|
+
<div class="d-flex align-items-center justify-content-center" style="height: 100%;">
|
|
8
16
|
|
|
9
17
|
<div style="padding:0.5rem;">
|
|
10
18
|
|