タグ

ブックマーク / digitalcontent.tokyo (1)

  • 日本語の文章をキレイに見せる3つのCSSテクニック | デジタルコンテンツ企画室

    最近覚えた、テキスト周りのCSS記述法をまとめておきます。 海外HTMLテンプレートやWordPressに日語の文章を流し込むと急激にダサくなったりしますが、今回紹介するテクニックを使えばその問題が解決するかも? 1.レスポンシブ対応の見出し改行 日語特有の問題として、改行位置が気になることがあります。文章の途中の予期しない位置で改行されてしまうわけです。文であれば仕方ないのですが、見出しが変な場所で改行されると一気にダサくなります。 中途半端な位置で改行される例 以下のように、横幅によって改行位置が変わります。 See the Pen 改行問題1 by Takumichi Nakashima (@dcp) on CodePen.dark 一方、英文の場合は… 英語の文章の場合は単語と単語の境目で改行されるので、それほど変なことにはならないはずです。 See the Pen 改行問

    日本語の文章をキレイに見せる3つのCSSテクニック | デジタルコンテンツ企画室
  • 1