2012年11月14日(水) 20時41分 / CSS

ボックス内で折り返すにはbreak-word

ボックス内で、URLのような連続した英文字の文字列が
折り返されずにはみ出してしまう場合があります。


こんなときには、スタイルシートに
word-wrap:break-word;
を追加してあげるとちゃんと折り返してくれます。ステキ。

#content .post {
float: left;
width: 315px;
padding: 11px 10px 0 0;
word-wrap:break-word;/*折り返ししてくれる*/
}



スタイルシートを扱ったり勉強したりするなら、この本が最強です。


Leave a Reply