ChromeはCSSで設定しないと禁則処理してくれない
1年以上前の記事です。内容が古い可能性があります。
行末の「。」が先頭にきてしまうことがあるのはChromeだけだったのかな？
で、さすがに気になったので調べてみると、CSS表記で解決できることがわかった。
ちなみに、行頭に「。」が来るのを禁止することを禁則処理といいます。
修正前の状態
つまりはbodyにCSSで禁則の指定をしてあげる。
そのCSSは以下のとおり。
□ Chromeの行頭禁則がアレなのを解決 – たけみたの脱社会学日記
body {
word-break: normal;
word-wrap: break-word;
}
それぞれ解説すると。
「word-break」は改行をどう扱うかの設定。
それぞれ、以下のような指定ができる。
□ word-break－スタイルシートリファレンス
normal
英語等は単語の途中では改行せず、単語の切れ目で改行されます。日本語・中国語・韓国語等は表示範囲に合わせて改行されます。このため単語の途中で改行されることもあります。
break-all
言語に関係なく表示範囲に合わせて改行されます。このため単語の途中で改行されることもあります。
keep-all
言語に関係なく単語の途中では改行せず、単語の切れ目で改行されます。
「word-wrap」は単語途中で改行するかどうかの設定。
それぞれ以下のような指定ができる。
normal
単語の途中で改行はしません。この場合、必要に応じて表示範囲を拡大します。
break-word
必要に応じて単語の途中で改行します。
どちらもCSS3で正式に採用されるかもしれないそうだ。
で、デザインカスタマイズを使ってこれをCSSに書き加えるのだが、ライブドアブログ（livedoorBlog）の僕の選んだベースデザインでは、なぜか、元々「word-break: break-all;」の表記があったので、これを残しておくと反映されないので注意。
修正後の状態
アドセンス広告メイン
関連記事
-
-
Kodakグラフィックユーザー会主催 Success Showcase Seminar
1年以上前の記事です。内容が古い可能性があります。Kodakグラフィックユーザー …
-
-
Photoshop CC（2014）で「◯◯ツールを使用できません。プログラムエラーです。」が出た時の対処法
1年以上前の記事です。内容が古い可能性があります。知り合いのデザイナーさんのパソ …
-
-
電源ボタンのマークは秘密 （8/23追記）
1年以上前の記事です。内容が古い可能性があります。Yahoo!トップページから2 …
-
-
iPadスゲー！「プロジェクションマッピング」が簡単につくれちゃう
1年以上前の記事です。内容が古い可能性があります。そもそもプロジェクションマッピ …
-
-
ヒストリーブラシとアートヒストリーブラシは使いどころが全く違う（Photoshop）
1年以上前の記事です。内容が古い可能性があります。自分、どちらも使ったこと無いの …
-
-
自炊は合法、自炊代行は違法【電子書籍】
1年以上前の記事です。内容が古い可能性があります。自炊の森なんていうお店が話題に …
-
-
非効率をなくす「印刷比較.com」で印刷業はコンビニに
1年以上前の記事です。内容が古い可能性があります。以前書いた「中規模印刷会社の偉 …
-
-
ツイッター（Twitter）のスマホサイトがアプリに近くなっていた
1年以上前の記事です。内容が古い可能性があります。いつから変わったのかは知りませ …
-
-
講談社・小学館など1～2mmのこだわりを捨てコスト削減へ
1年以上前の記事です。内容が古い可能性があります。□講談社・小学館など、女性誌の …
-
-
Web（ウェブ）でモリサワフォントが使える日がくる
1年以上前の記事です。内容が古い可能性があります。ちょっと前の記事だが、モリサワ …
Comment
はじめまして。
この情報を探していました。
助かりました。ありがとうございます。