これ関連の進捗記事消してこうっと。無駄に多いし。
ええと、今回はスタイルシートガチガチで行ってみたいと思います。
ソフト改行時の行間の調整をしたかったんですけど…ちょっと副作用があって作業が難航(_ _;)
言われないと気付かないくらいまでなんとかごまかしましたけど、ここもうちょっとスマートな方法ないのかなぁ。。。
行間を「line-height:1.8」としてあるんですけど、例外的に1.1にしたい部分がたまにあるんです。
行間っていうのは上下の空白なので、一時的にその値を変更するだけじゃ余計な部分まで詰まってしまって。
としたいのに、
となってしまう感じ。
仕方ないので「position:relative;top:-0.6em」として「う」の部分をちょっと上に詰めて今は対処してあります。
なので「う」の下がちょっと空いた感じになってしまいますけど、なんとかギリギリ大丈夫かなといったのが現状。
ちょっと追記。
「い」を0.3em、「う」を-0.3emとしたら、全く違和感ないくらいまで直せました。
問題は「い」の行でソフト改行(ブラウザの横幅を狭く)されると逆に読みづらくなる点ですけど、「い」の行は文字数が少ないのが前提なので、多分大丈夫。
よし、これで行きましょう。
