文章内と画像を並列に配置する場合のheightの設定数値 [裏ワザ]
本記事は主に自分用に便利な使い方を記録しておくものです。
下の例のように文章と写真(画像)を左右に並列に配置する場合の文章の行数に見合った写真の適正な高さ(height)を示しています。
下記の枠内の写真(画像)表示データーの中のheight="???"の部分に下記の数値を入れることで適切な写真の大きさになります。
写真を右に配置する場合は「align="right"」とし、
左に配置する場合は「align="left"」 とします。
使われているOSや、文字の種類や、文字の大きさによって適正な数値は変わるので、数値自体は調整が必要です。

21 : 441 22 : 463 23 : 484 24 : 505 25 : 527
下記に例を記載します。
本写真が使われた記事「竹の子チャーハン」はこちらです。→ポチッ
height="15" 高さ 1行
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。
height="36" 高さ 2行
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。
height="57" 高さ 3行
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。
height="79" 高さ 4行
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。
height="100" 高さ 5行
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。
height="121" 高さ 6行
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。
height="143" 高さ 7行
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。
height="164" 高さ 8行
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。
height="185" 高さ 9行
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。
height="207" 高さ 10行
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。
height="228" 高さ 11行
中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。
height="249" 高さ 12行
中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。
height="271" 高さ 13行
中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。
height="292" 高さ 14行
中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。
height="313" 高さ 15行
中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。
height="335" 高さ 16行
中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。
表の文字形式
ブログ基準 1 2 3 4 5 漢字 ひらがな カタカナ ABCDE

下の例のように文章と写真(画像)を左右に並列に配置する場合の文章の行数に見合った写真の適正な高さ(height)を示しています。
下記の枠内の写真(画像)表示データーの中のheight="???"の部分に下記の数値を入れることで適切な写真の大きさになります。
写真を右に配置する場合は「align="right"」とし、
左に配置する場合は「align="left"」 とします。
使われているOSや、文字の種類や、文字の大きさによって適正な数値は変わるので、数値自体は調整が必要です。
行数 | height | 行数 | height | 行数 | height | |||
1 | 15 | 7 | 143 | 13 | 271 | |||
2 | 36 | 8 | 164 | 14 | 292 | |||
3 | 57 | 9 | 185 | 15 | 313 | |||
4 | 79 | 10 | 207 | 16 | 335 | |||
5 | 100 | 11 | 228 | 17 | 356 | |||
6 | 121 | 12 | 249 | 18 | 377 |

21 : 441 22 : 463 23 : 484 24 : 505 25 : 527
下記に例を記載します。
本写真が使われた記事「竹の子チャーハン」はこちらです。→ポチッ

材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。

材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。

材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。

ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。

ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。

ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。

ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。

北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。

北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。

北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。

中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。

中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。

中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。

中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。

中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。

中国 炒飯 (炒饭 / チャーハン)
日本 焼飯 (やきめし)
インドネシア ナシゴレン (nasi goreng)
マレーシア ナシゴレン (nasi goreng)
韓国 ポックムパプ (볶음밥)
北朝鮮 ギルムバプ (기름밥)
タイ カーオパット (ข้าวผัด)
ベトナム コムチェン (Cơm chiên)
材料は、ご飯、玉子、タケノコ、ハム、ネギ、ピリ辛メンマです。タケノコとハムとメンマは形が似ているので分かりにくいと思いますが、ご飯と玉子とネギ以外を色で区別をすると何とか、分かるかもしれません。ピリ辛のメンマがチャーハン(炒飯)を、丁度良い辛さにしてくれていました。右の写真が今回使ったピリ辛メンマで、ノザキの穂先メンマです。メンマ(シナチク)もタケノコ(若いマチク/麻竹)を乳酸発酵させた食品です。
表の文字形式
ブログ基準 1 2 3 4 5 漢字 ひらがな カタカナ ABCDE
MS ゴシック | 1 2 3 4 5 | 漢字 ひらがな カタカナ ABCDE | |
MS 明朝 | 1 2 3 4 5 | 漢字 ひらがな カタカナ ABCDE | |
MS P ゴシック | 1 2 3 4 5 | 漢字 ひらがな カタカナ ABCDE | |
MS P 明朝 | 1 2 3 4 5 | 漢字 ひらがな カタカナ ABCDE | |
Bookman Old | 1 2 3 4 5 | 漢字 ひらがな カタカナ ABCDE |
2016-05-19 18:14
nice!(76)
コメント(3)
トラックバック(0)
写真の部分です。
<img src="http://blog-imgs-91.fc2.com/m/a/k/makurokurosk/IMG_0568-186.jpg" height="100" align="right" />
by SORI (2016-05-20 03:07)
SORIさん、おはようございます。
こんな裏技があるのですね!
PC音痴の私には驚きです。スゴイ!!
by ゲンママ (2016-05-20 06:19)
ゲンママさん おはようございます。
20の倍数ではなく微妙に数値が違い、いつも迷っていたので、主に自分のために掲載いたしました。利用していただければ嬉しいです。
by SORI (2016-05-20 06:29)