日本語だと一文字だけ落ちちゃう問題
2018年12月4日2018年12月4日
日本語のテキストだと下の画像みたいに一文字だけ改行してしまうことがあると思うんですが、見た目良くないですよね?
レスポンシブなサイトを作ってるとどうしようもないときも多いと思うんですが。皆さん、どうやって対処してるんですかね?
対処しないという対処?
解決案
Twitterでコメントいただいたので、こちらでシェアさせていただきます。@nxworld_netさん、@takanoripeさん、@Qrac_JPさん、ありがとうございます!
ざっくりまとめると、以下のような感じです。
- そういうものだと受け入れる / 受け入れてもらう
- リライトする / リライトを頼む
- brなどで改行をコントロールする
- mikanjsなどを使って自動的に改行が入るようにする
- それでも、すべてのデバイスで解消されないことを理解する / してもらう
Mikan.jsについて
いただいたコメントTweet
基本はそういうものって感じで返答しますけど、こだわり強い人からの要望だったらリライト頼むかやっぱり何かしらの方法で意図的に改行ですかね。ただ、その場合もすべてのデバイスで確実に解消されてる保証はないのは念のため伝えますね
— 𝑁𝑎𝑜𝑦𝑎 (@nxworld_net) December 4, 2018
日本語(というか単語と単語の間にスペースが入らない言語)は単語で改行させることができないので諦めるか br を細かく制御して頑張るしかないですね…
— takanorip (@takanoripe) December 4, 2018
@nxworld_net @takanoripe 正規表現を使った簡易解析(mikanjs)というのをブログ詳細ページのタイトルに使ってみました!でかい見出しは多少マシになるかもw https://t.co/6mNbUD5T5B pic.twitter.com/iUcucYcyAO
— クラク🍁QRANOKO (@Qrac_JP) December 4, 2018