在用編輯器保存的數據到數據庫的時候經常是在我們的內容前后加一個P標簽，但是出來之后是一行，有時候會超過邊框的寬度，所以研究了如何折行,如下代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="width:400px;background-color: #dcdcdc;height: auto;"> 111111111111111111111111111111111222222222222222222223333333333 </div> <br> <br> <br> <div style="width:400px;background-color: #dcdcdc;height: auto; word-wrap:break-word; word-break:break-all;overflow: hidden;"> 111111111111111111111111111111111222222222222222222223333333333 </div> </body> </html>
效果:
解釋:
overflow 屬性規定當內容溢出元素框時發生的事情。
word-break:
word-wrap 屬性允許長單詞或 URL 地址換行到下一行。
