CSS属性:单词中断和换行(系列)

CSS属性:单词中断和换行(系列)
这是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
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部