这是CSS属性搜索系列的第一篇报告,介绍了单词中断和换行的异同点,非常简单实用,有需要的朋友可以参考一下。





一、浏览器上的自动开关
浏览器本身具有自动行切换,当浏览器显示文本时,自动切换浏览器右侧的文本或div元素:

1.non-cjk:在半空间或连字符(-)位置自动线,在不长的一个单词包中

2.cjk(中国、日本和韩国):你可以任何字型后改线

在3.cjk,非CJK:非CJK部分线处理在非CJK案件处理

的4.cjk包含标点,浏览器不会让一行中的标点符号,标点符号,形成一个整体线的前一个字符。

二、单词中断:
属性和浏览器兼容性



价值

描述

IE

FF

Chrome,Safari

operanormal yesyesyesyeskeep allcjk:不允许浏览器默认的包裹,非CJK:同正常的属性,即(CJK:在半空间,连接器或任何标点符号,chromesafari不支持(换行)使用默认换行)yesyesnoyesbreak所有允许的话,IE(在标点符号不允许)FFChromeSafari(标点符号,让位于yesyesyesyes)

三,文字包装:
1。价值:
正常:在半空间,连接器的位置
断词:允许长词(如URL地址)内部断行

2。支持所有浏览器

四。一个例子

复制代码代码如下所示:

。箱{宽度:100px;身高:100px;边界:2px固体# F00;颜色:# 333;字体:宋体12px;margin-bottom: 10px;}
。Keepall {字:保持所有;}
。breakall {字:打破所有;}
。食言{换行:断词;}




复制代码代码如下所示:

它具有自动转换功能,aaaaaa bbbbbbbbbbbbb,ccccccccc,右端的自动转换。

在不同的浏览器中保持所有兼容的注意,在这种情况下,特殊符号的线!

它具有自动转换功能,aaaaaa bbbbbbbbbbbbb,ccccccccc,右端的自动转换。

注意,在这种情况下,逗号的位置!

它具有自动转换功能,aaaaaa bbbbbbbbbbbbb,ccccccccc,右端的自动转换。






五,单词中断:打破所有和单词换行:打破单词
看这张图片解释一下



参考链接:

HTTPS