質問編集履歴
4
コード追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
表示内容全体をブラウザ画面の中央に表示する方法がわかりません。
|
1
|
+
> 引用テキスト表示内容全体をブラウザ画面の中央に表示する方法がわかりません。
|
2
2
|
横方向は中央に表示出来ています。
|
3
3
|
縦方向を中央にする方法がわからないため<br>やfontsizeで地道に調節しています。
|
4
4
|
なにかうまい手はありますか?
|
@@ -8,3 +8,50 @@
|
|
8
8
|
|
9
9
|
追記
|
10
10
|
試してみましたが、残念ながら縦方向はセンターに来るものの縦に並べたいものが横に並んでしまいます。
|
11
|
+
|
12
|
+
```HTML/CSS
|
13
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
14
|
+
<!DOCTYPE html>
|
15
|
+
<html lang="ja">
|
16
|
+
<body>
|
17
|
+
<div id="br_area"></div>
|
18
|
+
<h1 class="m1">
|
19
|
+
<div id="m1"></div>
|
20
|
+
</h1>
|
21
|
+
<h1 class="m2">
|
22
|
+
<div id="m2"></div>
|
23
|
+
</h1>
|
24
|
+
</p>
|
25
|
+
</body>
|
26
|
+
</html>
|
27
|
+
|
28
|
+
<script>
|
29
|
+
var m1 = "AA";
|
30
|
+
var m2 = "TEST";
|
31
|
+
document.getElementById('m1').innerHTML = m1;
|
32
|
+
document.getElementById('m2').innerHTML = m2;
|
33
|
+
</script>
|
34
|
+
|
35
|
+
<style>
|
36
|
+
.m1 {
|
37
|
+
font-family: Roboto;
|
38
|
+
font-size: 180px;
|
39
|
+
font-weight: bold;
|
40
|
+
line-height: normal;
|
41
|
+
padding: 0 0 0;
|
42
|
+
text-align: center;
|
43
|
+
align-items: flex-end;
|
44
|
+
color: #000;
|
45
|
+
}
|
46
|
+
.m2 {
|
47
|
+
font-family: 'arial black';
|
48
|
+
font-size: 70px;
|
49
|
+
font-weight: bold;
|
50
|
+
line-height: 0;
|
51
|
+
padding: 0 0px;
|
52
|
+
text-align: center;
|
53
|
+
align-items: flex-start;
|
54
|
+
color: #000;
|
55
|
+
}
|
56
|
+
</style>
|
57
|
+
```
|
3
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,3 +5,6 @@
|
|
5
5
|
|
6
6
|
皆様ありがとうございます。
|
7
7
|
試してみます。
|
8
|
+
|
9
|
+
追記
|
10
|
+
試してみましたが、残念ながら縦方向はセンターに来るものの縦に並べたいものが横に並んでしまいます。
|
2
お礼追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,3 +2,6 @@
|
|
2
2
|
横方向は中央に表示出来ています。
|
3
3
|
縦方向を中央にする方法がわからないため<br>やfontsizeで地道に調節しています。
|
4
4
|
なにかうまい手はありますか?
|
5
|
+
|
6
|
+
皆様ありがとうございます。
|
7
|
+
試してみます。
|
1
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
1
|
表示内容全体をブラウザ画面の中央に表示する方法がわかりません。
|
2
2
|
横方向は中央に表示出来ています。
|
3
|
-
縦方向を中央にする方法がわからないため<br>で地道に調節しています。
|
3
|
+
縦方向を中央にする方法がわからないため<br>やfontsizeで地道に調節しています。
|
4
4
|
なにかうまい手はありますか?
|