• もっと見る

2012年09月02日

文字の上下の間隔を調整する

8月のサロンで質問がありました。

「文字の上下の余白を調整するのはどうしたらいいの?」


大きな文字A++を使う場合

これは、大きな文字が複数行に分かれて表示される場合にどんなふうに見えるかを確認するための、テスト用文章です。

上記のように複数行になると、文字が詰まって読みにくい場合があります。

解決方法はこちら



①文字を書く

② A++で大きな文字にする
<span style="font-size:x-large;">これは、大きな・・・

③②の「font-size:x-large;の後」に行間隔を設定する「line-height:130%;」を追加する。
 ※このとき、「line-height:130%;」はすべて半角英数字で書くこと。
 ※「130%」の部分は100%以上で任意の数値を記入
 <span style="font-size:x-large;line-height:130%">これは、大きな・・・



■通常のA++文章
これは、大きな文字が複数行に分かれて表示される場合にどんなふうに見えるかを確認するための、テスト用文章です。

■A++文章の行間隔を調整(行間設定のタグを挿入)
これは、大きな文字が複数行に分かれて表示される場合にどんなふうに見えるかを確認するための、テスト用文章です。

いかがでしたか?

ブログサロン参加者の熱心な質問のおかげで、ネタが尽きません。ありがたい。
9月もぼちぼち更新します。
またみに来てくださいね。

タグ:html編集
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
トラックバックの受付は終了しました
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック