css 全自动换行 强制性换行特性 (firefox+ie)

2021-03-14 04:30 jianzhan
英语的语法:
word-wrap : normal | break-word
赋值:
normal :  默认设置值 。容许內容顶开特定的器皿界限
break-word :  內容将在界限内换行。假如必须,词内换行( word-break )也将产生
表明:
设定或查找铛铛向前超出特定器皿的界限时是不是断掉改行。
此特性仅功效于有合理布局的目标,如块目标。内联要素要应用该特性,务必先设置目标的 height 或 width 特性,或设置 position 特性为 absolute ,或设置 display 特性为 block 。
此特性针对 currentStyle 目标而言是写保护的。针对别的目标而言是可读写能力的。
对应的脚本制作特点为 wordWrap 。

英语的语法:
word-break : normal | break-all | keep-all
赋值:
normal :  默认设置值 。容许在词间换行
break-all :  该个人行为与亚洲地区語言的 normal 同样。也容许非亚洲地区語言文字行的随意字内断掉。该值合适包括1些非亚洲地区文字的亚洲地区文字
keep-all :  与全部非亚洲地区語言的 normal 同样。针对汉语,韩文,日文,不容许字断掉。合适包括小量亚洲地区文字的非亚洲地区文字
表明:
设定或查找目标内文字的字内换行个人行为。特别在出現多种多样語言时。
针对汉语,应当应用 break-all 。
此特性针对 currentStyle 目标而言是写保护的。针对别的目标而言是可读写能力的。
对应的脚本制作特点为 wordBreak 。

IE、Firefox下都可用。
示例:
<div style="height:100; width:150px; background:red; word-wrap: break-word; word-break: normal;">
这里最好是是汉语英文的,有连贯性的1些标识符,才可以看出实际效果,www.jb51.netwww.baidu.comwww.g.cn
</div>
脚本制作之家编写注:
在具体的运用中,大家习惯性用word-wrap:break-word;word-break:break-all,实际效果会较为显著,实际运用依据必须挑选应用。