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;」の表記があったので、これを残しておくと反映されないので注意。
アドセンス広告メイン
関連記事
-
カスタムフィールドとカスタム投稿で記事投稿フォームを使いやすく 2 – 「Custom Post Type UI」の巻 【ワードプレス】 #wp
1年以上前の記事です。内容が古い可能性があります。1. Custom Field …
-
過去ログ(InDesign)
1年以上前の記事です。内容が古い可能性があります。過去ログまとめて読んでみた。 …
-
無いものを作り出す大変さ
1年以上前の記事です。内容が古い可能性があります。地方の印刷会社の制作部は大変で …
-
携帯サイト(ケータイサイト)の作り方Part2
1年以上前の記事です。内容が古い可能性があります。携帯サイト作成に関するすばらし …
-
Illustrator(イラストレータ)でアピアランスがいちいち適応されるのを防ぐ方法
1年以上前の記事です。内容が古い可能性があります。せっかくの便利な機能「アピアラ …
-
やはり非純正インクはダメなのか?大容量インクと通常インクとを混在させるとプリントできない(黒が出ない)トラブル
1年以上前の記事です。内容が古い可能性があります。プリンタの調子が悪いんだったら …
-
swfファイルはflaファイルに変換せずに直接Flashで開いても結構使える【Flash CS6】
1年以上前の記事です。内容が古い可能性があります。先日、swfから画像や音声ファ …
-
コンビニ印刷始まる。netprint(ネットプリント)が進化!
1年以上前の記事です。内容が古い可能性があります。遂に恐れていたことが起こってし …
-
Windows XPで「メイリオ(Meiryo)」フォントを使おう
1年以上前の記事です。内容が古い可能性があります。つい最近まで知らなかったのだが …
-
埋め込まれたカラープロファイルは基本破棄
1年以上前の記事です。内容が古い可能性があります。カラーマネジメントのカラープロ …
Comment
はじめまして。
この情報を探していました。
助かりました。ありがとうございます。