こんにちは、WEBマーケティング部の杉尾です。 今回は枠内で文章(単語)の折り返しを指定するプロパティword-wrap と word-breakの使い分けを紹介します。 文章の折り返しを指定する 文字、文章の折り返しの指定をするプロパティはword-wrap と word-breakで、それらに値もいくつかありますが、現実に使用頻度が高いのは2つだけだと思います。 それが、『word-wrap:break-word;』と『word-break:break-all;』です。 word-wrap と word-breakとは どちらもCSS3のTextモジュールに属するプロパティです。 紛らわしい2つのプロパティですが、違いはというと、 ・word-wrap …… 単語の途中で改行するかどうかを指定する ・word-break …… 行の改行方法を指定する ということです。 word-wra
![【CSS3】word-wrap:break-wordとword-break:break-allの違いを説明します](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2d12402c4559d7d2cb57db2baf6305855468ada/height=288;version=1;width=512/http%3A%2F%2Fscene-live.com%2Fpicture_upload%2F201505%2Fimages%2F20150529152537.png)