浅谈CSS操纵文字换行的编码

2021-04-14 13:58 jianzhan

浅谈CSS操纵文字换行的编码  一般状况下,原素有着默认设置的white-space:normal-全自动换行;white-space:nowrap-不换行。当键入的文本超出界定的总宽之后全自动换行,但当键入的数据信息是一堆沒有空格符的标识符或英文字母或数据,超出器皿总宽时便会把器皿撑大,不换行。

处理方式(以IE,chrome,FF为检测访问器):

{

word-wrap:break-word;/*适用IE,chrome,FF*/

word-break:break-all; /*适用IE,chrome,FF不兼容*/

}

 CSS控制文本换行的代码

浅谈CSS操纵文字换行的编码

下列是就浅谈CSS操纵文字换行的编码的上边二种方式的差别表明:

 

1,你定死报表的总宽,即给报表一个总宽值(是标值,并不是百分数)word-break:break-all 比如div宽300px,它的內容便会到300px全自动换行,假如该行尾端有一个英语英语单词较长(congratulation等),它会把英语单词断开,变为该行尾端为conra(congratulation的前端开发一部分),下一个人行为tulation(conguatulation)的后端开发一部分了。

 

2,word-wrap:break-word 事例与上边一样,但差别便是它会把congratulation全部英语单词当做一个总体,假如该行尾端总宽不足显示信息全部英语单词,它会全自动把全部英语单词放进下一行,而不容易把英语单词断开掉的。word-break设定强制换行;normal 亚洲地区語言和非亚洲地区語言的文字标准,容许在字内换行

 

3,word-break:break all 适用版本号:IE5之上 该个人行为与亚洲地区語言的 normal 同样。也容许非亚洲地区語言文字行的随意字内断掉。该值合适包括一些非亚洲地区文字的亚洲地区文字。

 word-wrap:break-word 适用版本号:IE5.5之上 內容将在界限内换行。假如必须,词内换行( word-break )也将产生。报表全自动换行,防止撑开。

英语的语法:word-break : normal /break-all / keep-all

主要参数:normal : 按照亚洲地区語言和非亚洲地区語言的文字标准,容许在字内换行

break-all : 该个人行为与亚洲地区語言的normal同样。也容许非亚洲地区語言文字行的随意字内断掉。该值合适包括一些非亚洲地区文字的亚洲地区文字

keep-all : 与全部非亚洲地区語言的normal同样。针对汉语,韩文,日文,不容许字断掉。合适包括小量亚洲地区文字的非亚洲地区文字

英语的语法:word-wrap : normal / break-word

主要参数:normal : 容许內容顶开特定的器皿界限

break-word : 內容将在界限内换行。假如必须,词内换行(word-break)也行产生表明:设定或查找当当网向前超出特定器皿的界限时是不是断掉改行。

 

根据浅谈CSS操纵文字换行的编码看来,越诚互联网提议:word-break 用3C检验会显示信息难题的,造成360快照更新也会出难题-这一特性OPERA FIREFOX 访问器都不适用 word-break特性能够用white-space:normal;来替代,那样在FireFox和IE下就都能恰当换行,并且要留意,英语单词间的空格符不可以用 来替代,要不然不可以恰当换行。