回答編集履歴
5
コメントの追加
answer
CHANGED
|
@@ -19,6 +19,6 @@
|
|
|
19
19
|
```css
|
|
20
20
|
.nyuuryoku img{
|
|
21
21
|
display:inline-block;
|
|
22
|
-
margin-bottom:-5px;
|
|
22
|
+
margin-bottom:-5px; /* ここの値を変えると文字の位置が変わる */
|
|
23
23
|
}
|
|
24
24
|
```
|
4
卑怯臭い方法を追加
answer
CHANGED
|
@@ -14,3 +14,11 @@
|
|
|
14
14
|
vertical-align:middle;
|
|
15
15
|
}
|
|
16
16
|
```
|
|
17
|
+
|
|
18
|
+
あと、卑怯臭い方法ですが、
|
|
19
|
+
```css
|
|
20
|
+
.nyuuryoku img{
|
|
21
|
+
display:inline-block;
|
|
22
|
+
margin-bottom:-5px;
|
|
23
|
+
}
|
|
24
|
+
```
|
3
上下真ん中に寄せるように修正
answer
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
画像のスタイルに
|
|
2
2
|
```css
|
|
3
|
-
vertical-align:
|
|
3
|
+
vertical-align:middle;
|
|
4
4
|
```
|
|
5
|
-
を追加すると良いと思います。(
|
|
5
|
+
を追加すると良いと思います。(他のパラメータも試してみるのをオススメします）
|
|
6
6
|
微調整はline-heightでやると良いと思います。
|
|
7
7
|
|
|
8
8
|
例えば
|
|
@@ -11,6 +11,6 @@
|
|
|
11
11
|
line-height:1.3;
|
|
12
12
|
}
|
|
13
13
|
.nyuuryoku img{
|
|
14
|
-
vertical-align:
|
|
14
|
+
vertical-align:middle;
|
|
15
15
|
}
|
|
16
16
|
```
|
2
インラインスタイルからスタイルシートでの記述に変更
answer
CHANGED
|
@@ -5,10 +5,12 @@
|
|
|
5
5
|
を追加すると良いと思います。(middle等他のパラメータも試してみるのをオススメします）
|
|
6
6
|
微調整はline-heightでやると良いと思います。
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
例えば
|
|
9
|
-
インラインで書いちゃいますと
|
|
10
|
-
```
|
|
9
|
+
```css
|
|
10
|
+
.nyuuryoku{
|
|
11
|
+
line-height:1.3;
|
|
12
|
+
}
|
|
13
|
+
.nyuuryoku img{
|
|
11
|
-
|
|
14
|
+
vertical-align:botto;
|
|
15
|
+
}
|
|
12
16
|
```
|
|
13
|
-
です。
|
|
14
|
-
|
1
インラインスタイルを追加したhtmlの例を追加
answer
CHANGED
|
@@ -3,4 +3,12 @@
|
|
|
3
3
|
vertical-align:bottom;
|
|
4
4
|
```
|
|
5
5
|
を追加すると良いと思います。(middle等他のパラメータも試してみるのをオススメします）
|
|
6
|
-
微調整はline-heightでやると良いと思います。
|
|
6
|
+
微調整はline-heightでやると良いと思います。
|
|
7
|
+
|
|
8
|
+
・追記
|
|
9
|
+
インラインで書いちゃいますと
|
|
10
|
+
```HTML
|
|
11
|
+
<p>文章<span><img src="hoge.png" style="vertical-align:bottom;"></span>文章</p>
|
|
12
|
+
```
|
|
13
|
+
です。
|
|
14
|
+
|