你瞭解word-wrap和word-break的區別嗎？
阿新 • • 發佈：2019-02-03
我想很多人會在想這兩個東西是什麼鬼東西，我相信至今還有很多人搞不清，只會死記硬背的寫一個word-wrap:break-word;word-break:break-all;這樣的東西來強制斷句，又或者是因為這兩個東西實在是太拗口了，長得又差不多，導致連背都很難背下來。我們還是直接看用法吧！
<style>
.text{
width:200px;
height:300px;
}
</style>
<p class="text">你看，adadadadadadadadadadadadadadadada<p>
在裡面加
就變了word-wrap:break-word;
它自動換行了，然而第一行有點空對吧，但沒事，我在裡面再加
word-break:break-all;
看是不是變了。
<html> <head> <meta charset="utf-8"> <style> .text{ width:200px; height:300px; border: 1px solid #000; word-wrap:break-word; word-break: break-all; } </style> </head> <body> <div class="text">你看，adadadadadadadadadadadadadadadada<div> </body> </html>