HTML: 文章レイアウト: 行間の大きさと1行の文字数

すべてのサンプルに共通のスタイル

元のサンプル

行間 (line-height) は 1.8 (180％)
1行は全角で 30 文字ほど。
width: 500px; line-height: 1.8; font-size: 10.5pt;

サンプル文章

リチャード・トレビシックが1804年に鉄製レール上を走る蒸気機関車の走行に成功したが、この頃は馬車鉄道用のもろい鋳鉄レールを使用していたため本格的な実用化までには至らなかった。その後、ナポレオン戦争による軍馬の需要の増加で馬の価格が高騰し、運搬の代替手段としてレールと蒸気機関車を用いた鉄道の研究が一段と進んだ。

リチャード・トレビシックが1804年に鉄製レール上を走る蒸気機関車の走行に成功したが、この頃は馬車鉄道用のもろい鋳鉄レールを使用していたため本格的な実用化までには至らなかった。その後、ナポレオン戦争による軍馬の需要の増加で馬の価格が高騰し、運搬の代替手段としてレールと蒸気機関車を用いた鉄道の研究が一段と進んだ。

あいうえおかきくけ10さしすてそたちつて20なにぬねのはひふへ30まみむめもやいゆえ40

行間が狭すぎるとどうなるか？

行間が狭すぎると読みづらい文章になります。
書籍の行間も 180-200％ などかなり広めにしていることが多いです。
width: 500px; line-height: 1.3;

行間 130％

リチャード・トレビシックが1804年に鉄製レール上を走る蒸気機関車の走行に成功したが、この頃は馬車鉄道用のもろい鋳鉄レールを使用していたため本格的な実用化までには至らなかった。その後、ナポレオン戦争による軍馬の需要の増加で馬の価格が高騰し、運搬の代替手段としてレールと蒸気機関車を用いた鉄道の研究が一段と進んだ。

リチャード・トレビシックが1804年に鉄製レール上を走る蒸気機関車の走行に成功したが、この頃は馬車鉄道用のもろい鋳鉄レールを使用していたため本格的な実用化までには至らなかった。その後、ナポレオン戦争による軍馬の需要の増加で馬の価格が高騰し、運搬の代替手段としてレールと蒸気機関車を用いた鉄道の研究が一段と進んだ。

あいうえおかきくけ10さしすてそたちつて20なにぬねのはひふへ30まみむめもやいゆえ40

1行の文字数が多すぎるとどうなるか？

1行の文字数が多すぎると読みづらい文章になります。
文章を書いてる人は内容が分かっているので、すらすら読める錯覚が
起こる点に注意してください。
紙の雑誌などは 1行 ＝ 30文字程度で段組にしていることが多いです。
width: 800px; line-height: 1.8;

1行 ＝ 全角 50文字以上

リチャード・トレビシックが1804年に鉄製レール上を走る蒸気機関車の走行に成功したが、この頃は馬車鉄道用のもろい鋳鉄レールを使用していたため本格的な実用化までには至らなかった。その後、ナポレオン戦争による軍馬の需要の増加で馬の価格が高騰し、運搬の代替手段としてレールと蒸気機関車を用いた鉄道の研究が一段と進んだ。

リチャード・トレビシックが1804年に鉄製レール上を走る蒸気機関車の走行に成功したが、この頃は馬車鉄道用のもろい鋳鉄レールを使用していたため本格的な実用化までには至らなかった。その後、ナポレオン戦争による軍馬の需要の増加で馬の価格が高騰し、運搬の代替手段としてレールと蒸気機関車を用いた鉄道の研究が一段と進んだ。

あいうえおかきくけ10さしすてそたちつて20なにぬねのはひふへ30まみむめもやいゆえ40らりるれろわいうえ50アイウエオカキクケ60サシスセソ 
(2017/12-2024/02)
inserted by FC2 system