讓過長文字換至下一行－CSS的word-wrap屬性

 CSS的word-wrap功能為讓過長的單字能夠切換到下一行，大多的瀏覽器預設上，為了保持較長文字的完整性，並不會拆掉文字，而是直接跳至下一行，或是直接讓單字超出div的範圍，如果要避免以上這兩種情況，可以使用word-wrap屬性。

若不加word-wrap的時候，在瀏覽器默認下，若有一個單字很長，導致一行剩下的空間都容納不下它時，則會把這個單字挪到下一行。

所以如下圖所示，e-work後面會留下一片空白，而容納不下剩餘空間的design會直接移到下一行。

以上範例的文字整體長度還是在div區塊的範圍之內，但是如果這個單字本身長度比div還要長的時候呢？由下圖我們可以發現，如此便會直接超出div區塊的範圍。

而為了讓以上情況的單字可以不超出範圍，我們可以用word-wrap: break-word讓過長文字直接拆至下一行。

以上便是css word-wrap的功能介紹，此屬性在所有瀏覽器皆有支援。