最近在公司做web頁面的時候，就遇到了乙個需要自動換行的這個場景，當時第一時間想到的是使用js來完成
自動換行，但是用js又有點麻煩，**有點多，於是就想到通過css來實現自動換行。以下兩種方法都是通過css來實現的
兩種方法的使用，要看什麼情況下吧？
方法1，這種方法是使用word-break:break-all:width:120px;前面的是指定自動換行，後面的是告訴它寬度超過120px之後就自動換行
但是這種方法只能控制當前文字的自動換行，不能實現不同文字之間的換行，比如標題1和標題2，當標題1的長度超出多少之後，
標題2就自動換行，標題2的長度超出多少之後，標題2就自動換行，沉思良久，感覺這種方法不夠靈活，而且跟現在所使用的場景
也不太匹配。反正我是試來試去，只能控制當前文字
方法2，寫乙個父盒子，父盒子裡面包含兩個子盒子，分別把兩個子盒子轉換成塊級元素，由內容撐開盒子，如果父盒子裡面的a盒子內容超出
就會把盒子b給擠下去，如果盒子b裡面的內容過長，自已就掉下去了，從而實現自動換行的目地
如下圖，可做參考，核心部分保留在。
css自動換行加前置 CSS實現自動換行
大家都知道連續的英文或數字能是容器被撐大，不能根據容器的大小自動換行，下面是 css如何將他們換行的方法！對於div 1 ie瀏覽器 white space normal word break break all 這裡前者是遵循標準。wrap 或者 wrap ddd11111111111111111...
通過CSS讓TD自動換行
html中td元素的nowrap屬性表示禁止單元格中的文字自動換行。但使用時要注意的是，td元素中nowrap屬性的行為與td元素的width屬性有關。如果未設定td寬度，則nowrap屬性起作用的，如果設定了td寬度，則nowrap屬性不起作用 通過css讓td自動換行 專案中 ajax 應用需要...
css自動換行加前置 CSS實現自動換行的技巧
1.ie瀏覽器 white space normal word break break all 這裡前者是遵循標準。wrap 或者 wrapeg.ddd1111111111111111111111111111111111 效果 可以實現換行 2.firefox瀏覽器 white space norm...