Page Top

CSSで文字列の折り返し

August 13, 2014

つい忘れてしまうcssのプロパティにword-breakがあります(以前はIEが独自採用したものですが、今はCSS3で各モダンブラウザに標準サポートされているようです)。これを使って、アルファベットなどの長い文字列(リンクなど)をレイアウトの幅に合わせて折り返すことが出来ます。

word-breakに対する値として、break-allを使用すると、単語の途中でも改行され、keep-allを使用すると、単語の途中では改行されず、単語の切れ目で改行されます。

自分用覚書でした。

最新記事