div的文字換行

<style>
     div
     {
         white-space:normal;
         word-break:break-all;
         word-wrap:break-word; 
         }
    </style>

 <div style=" width:100px; border:1px solid red">
    I am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
    </div>

重點在於:word-break與word-wrap

a:word-break  屬性規定自動換行的處理方法。

提示：經過使用 word-break 屬性，可讓瀏覽器實如今任意位置的換行。

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

b:word-wrap 屬性容許長單詞或 URL 地址換行到下一行。

值	描述
normal	只在容許的斷字點換行（瀏覽器保持默認處理）。
break-word	在長單詞或 URL 地址內部進行換行。