More than 5 years have passed since last update.

長い単語を要素内で改行したいときのCSS

Posted at 2012-08-15

Divなどの要素内では、1つの単語の長さ＞要素の幅になると、
単語が要素からはみ出してしまいます。
下記のようなCSSを指定することで、単語の途中でも強制的に、
要素の幅に合わせて改行することが出来ます。

<div>abcdefghijklmnopqrstuvwxyz</div>

div{
    width:50px; /*※必ず幅を指定してください*/
    word-wrap:break-word;
}