Subscribed unsubscribe Subscribe Subscribe

CHROMA

世の中の "当たり前" を確認する

word-break: break-word はやっぱり便利

はてなブログの Archive ページをモバイルで表示させたら、特定のページでこんなことになっていた。

f:id:thleap:20140709203328p:plain

文章の一部がコンテンツ幅をはみ出してしまい、その影響でサイト全体の幅もおかしくなっている。

これを解決してくれたのが word-break: break-word 、必要に応じて文中に改行を入れる。
はてなブログの Archive ページでは、.page-archive .archive-entries p にこれを適用する。

修正後:

f:id:thleap:20140709203953p:plain

まともな表示になって何より。