div的文字换行

时间 2019-11-07 标签 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 属性规定自动换行的处理方法。spa

提示：经过使用 word-break 属性，可让浏览器实如今任意位置的换行。orm

值	描述
normal	使用浏览器默认的换行规则。
break-all	容许在单词内换行。
keep-all	只能在半角空格或连字符处换行。it

b:word-wrap 属性容许长单词或 URL 地址换行到下一行。table

值	描述
normal	只在容许的断字点换行（浏览器保持默认处理）。
break-word	在长单词或 URL 地址内部进行换行。