質問編集履歴
4
CSSを編集
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -39,54 +39,58 @@
|
|
|
39
39
|
```
|
|
40
40
|
```CSS
|
|
41
41
|
#body{
|
|
42
|
-
|
|
42
|
+
width: 1000px;
|
|
43
|
-
|
|
43
|
+
text-align: center;
|
|
44
|
-
|
|
44
|
+
margin-left:auto;margin-right:auto;
|
|
45
|
-
|
|
45
|
+
text-align:left;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
#aka{
|
|
49
|
-
|
|
49
|
+
width: 1000px;
|
|
50
|
-
|
|
50
|
+
height: 300px;
|
|
51
|
-
|
|
51
|
+
background-color: #ff0000;
|
|
52
|
-
|
|
52
|
+
text-align: center;
|
|
53
|
-
|
|
53
|
+
margin-left:auto;margin-right:auto;
|
|
54
|
-
|
|
54
|
+
display:table-cell;
|
|
55
|
-
|
|
55
|
+
vertical-align: middle;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
#ao{
|
|
59
|
-
|
|
59
|
+
width: 600px;
|
|
60
|
-
|
|
60
|
+
height: 500px;
|
|
61
|
-
|
|
61
|
+
background-color: #0000ff;
|
|
62
|
-
|
|
62
|
+
text-align: center;
|
|
63
|
-
|
|
63
|
+
margin-left:auto;margin-right:auto;
|
|
64
|
+
display:table-cell;
|
|
65
|
+
vertical-align: middle;
|
|
64
|
-
|
|
66
|
+
float:left
|
|
65
67
|
}
|
|
66
68
|
|
|
67
69
|
#midori{
|
|
68
|
-
|
|
70
|
+
width: 400px;
|
|
69
|
-
|
|
71
|
+
height: 500px;
|
|
70
|
-
|
|
72
|
+
background-color: #008000;
|
|
71
|
-
|
|
73
|
+
text-align: center;
|
|
74
|
+
display:table-cell;
|
|
75
|
+
vertical-align: middle;
|
|
72
|
-
|
|
76
|
+
margin-left:auto;margin-right:auto;
|
|
73
|
-
|
|
77
|
+
float:right
|
|
74
78
|
}
|
|
75
79
|
|
|
76
80
|
#iro{
|
|
77
|
-
|
|
81
|
+
width: 1000px;
|
|
78
|
-
|
|
82
|
+
height: 300px;
|
|
79
|
-
|
|
83
|
+
background-color: #00bfff;
|
|
80
|
-
|
|
84
|
+
text-align: center;
|
|
81
|
-
|
|
85
|
+
margin-left:auto;margin-right:auto;
|
|
82
|
-
|
|
86
|
+
display:table-cell;
|
|
83
|
-
|
|
87
|
+
vertical-align: middle;
|
|
84
|
-
|
|
88
|
+
clear: right;
|
|
85
|
-
|
|
89
|
+
clear: left;
|
|
86
90
|
}
|
|
87
91
|
|
|
88
92
|
.middle{
|
|
89
|
-
|
|
93
|
+
|
|
90
94
|
}
|
|
91
95
|
```
|
|
92
96
|
|
3
質問の日本語がおかしかったので微修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
いろいろな方法があると思いますが、
|
|
107
107
|
どうすれば、よいでしょうか。
|
|
108
108
|
|
|
109
|
-
|
|
109
|
+
下の図にように
|
|
110
110
|
うまく「青」と「緑」が
|
|
111
111
|
中央の高さに表示されません。
|
|
112
112
|
|
2
イメージ図を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -104,4 +104,9 @@
|
|
|
104
104
|
```
|
|
105
105
|
を入力しても高さがうまく揃いません。
|
|
106
106
|
いろいろな方法があると思いますが、
|
|
107
|
-
どうすれば、よいでしょうか。
|
|
107
|
+
どうすれば、よいでしょうか。
|
|
108
|
+
|
|
109
|
+
いまのソースだと、下の図にように
|
|
110
|
+
うまく「青」と「緑」が
|
|
111
|
+
中央の高さに表示されません。
|
|
112
|
+
|
1
質問の日本語がおかしかったので訂正 質問のタイトルを変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
<div>
|
|
1
|
+
{float:}を入力した<div>要素の中の文字の高さを変更する方法
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<html lang="ja">
|
|
4
4
|
|
|
5
5
|
<head>
|
|
6
|
-
<title>
|
|
6
|
+
<title>Title</title>
|
|
7
7
|
<meta charset="UTF-8">
|
|
8
8
|
<meta name="description" content="">
|
|
9
9
|
<meta name="keywords" content="">
|
|
@@ -104,10 +104,4 @@
|
|
|
104
104
|
```
|
|
105
105
|
を入力しても高さがうまく揃いません。
|
|
106
106
|
いろいろな方法があると思いますが、
|
|
107
|
-
どうすれば、よいでしょうか。
|
|
107
|
+
どうすれば、よいでしょうか。
|
|
108
|
-
|
|
109
|
-
イメージとしては、下の図のように
|
|
110
|
-
しようとしています。
|
|
111
|
-
よろしくお願いします。
|
|
112
|
-
|
|
113
|
-
](130abc695f238c302ea7f5cf150a042d.png)
|