回答編集履歴
2
追記
test
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
imgはinline要素なのでベースライン上に設置されます。
|
|
2
2
|
|
|
3
3
|
heightとline-heightを同じ値にして中央寄せを行う場合は
|
|
4
4
|
|
|
5
5
|
vertical-align:bottom;を使用してimgを要素の下に合わせる必要があります。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
もしvertical-align:bottom;を使用するわけにはいかない場合にはdisplay:blockなどでも対処可能です。
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
ただしblock要素にするとtext-align: center;での中央寄せができくなるのでmargin: 0 auto;などの方法を取る必要が出てきますので、デザインに合った使い分けをしていただければと思います。
|
1
編集
test
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
|
|
3
3
|
heightとline-heightを同じ値にして中央寄せを行う場合は
|
|
4
4
|
|
|
5
|
-
vertical-align:bottom;を使用してimgを
|
|
5
|
+
vertical-align:bottom;を使用してimgを要素の下に合わせる必要があります。
|