如果我們想在前端培訓學習中編輯一個屬于自己的前端頁面，而恰好遇到了一長串字符串不能夠換行，那們我們該如何設置讓它自動換行呢？

如果您是在進行web頁面編程，那么您需要的是css樣式屬性：word-break。

語法word-break: normal|break-all|keep-all;值描述normal使用瀏覽器默認的換行規則。break-all允許在單詞內換行。keep-all只能在半角空格或連字符處換行。

方法：

#test{width:150px;word-wrap:break-word;}

word-wrap的break-word值允許單詞內換行

因為word-break未列入w3c標準，故火狐暫未支持，可以使用word-wrap,而word-wrap應添加到td標簽的樣式中。

想要了解跟多關于前端培訓課程內容歡迎關注尚硅谷前端培訓，尚硅谷除了這些技術文章外還有免費的高質量前端培訓課程視頻供廣大學員下載學習