最近覚えた、テキスト周りのCSS記述法をまとめておきます。 海外のHTMLテンプレートやWordPressに日本語の文章を流し込むと急激にダサくなったりしますが、今回紹介するテクニックを使えばその問題が解決するかも? 1.レスポンシブ対応の見出し改行 日本語特有の問題として、改行位置が気になることがあります。文章の途中の予期しない位置で改行されてしまうわけです。本文であれば仕方ないのですが、見出しが変な場所で改行されると一気にダサくなります。 中途半端な位置で改行される例 以下のように、横幅によって改行位置が変わります。 See the Pen 改行問題1 by Takumichi Nakashima (@dcp) on CodePen.dark 一方、英文の場合は… 英語の文章の場合は単語と単語の境目で改行されるので、それほど変なことにはならないはずです。 See the Pen 改行問
![日本語の文章をキレイに見せる3つのCSSテクニック | デジタルコンテンツ企画室](https://cdn-ak-scissors.b.st-hatena.com/image/square/11ce48c582287640c135e441b044675d7a058bcb/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fdigitalcontent.tokyo%2Fwp-content%2Fuploads%2F2016%2F12%2Fcss3.jpg%3Ffit%3D1024%252C576%26ssl%3D1)