2014年1月10日(金)
枠から食み出さない #■子猫の手 『子猫の手』では、パソコンでもスマホでも見やすいように、横幅480pxで表示している。日本語では、右端で適当に改行してくれる。しかし、英字では、ダラダラと右に伸びて表示されていた。
CSS3のword-wrap:break-word;を指定すると問題解決する。なるほど、単語を壊すのか。
<head>
<style>
body
{
word-wrap:break-word;
}
</style>
</head>
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.
お問い合わせ