回答編集履歴
2
コード修正
test
CHANGED
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
|
|
15
15
|
.workstyle-copy-title {
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
position: absolute;
|
|
18
18
|
|
|
19
19
|
top: 50%;
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
left: 50%;
|
|
22
22
|
|
|
23
|
-
transform: translate(50%, 50%);
|
|
23
|
+
transform: translate(-50%, -50%);
|
|
24
24
|
|
|
25
25
|
}
|
|
26
26
|
|
1
説明の改善
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
下記のCSSの追加でどうでしょう。
|
|
2
2
|
|
|
3
|
-
[https://koukoku-unyou.com/recruit/](https://koukoku-unyou.com/recruit/) で検証ツールてCSSを追加して動作確認済みです。
|
|
3
|
+
[https://koukoku-unyou.com/recruit/](https://koukoku-unyou.com/recruit/) で検証ツールにてCSSを追加して動作確認済みです。
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -31,3 +31,7 @@
|
|
|
31
31
|
下記の6番目のtransformを使った方法です。
|
|
32
32
|
|
|
33
33
|
[CSSで要素を上下や左右から中央寄せする7つの方法 | 株式会社グランフェアズ](https://www.granfairs.com/blog/staff/centering-by-css)
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
今回のように複数のブロック(video と workstyle-copy-title)がある場合は、Flexではうまくいかない。
|