最后显示时,英文还是按照默认行为,中文变成了不换行。 word-break:break-word:在MDN上,只会介绍前面三个属性,因为只有前三个才是标准的,而break-word是非标准的。如果一定要使用这个值,就需要注意下浏览器的兼容性,其最后显示的效果,跟下面介绍的word-wrap:break-word基本一致,这里不再多说,看下面吧。 word-wra...
如果需要合并空格可以使用: 附:white-space属性(来源于MDN)normal连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。 nowrap和normal一样,连续的空白符会被合并。但文本内的换行无效。pre连续的空白符会被保留。在遇到换行符或者元素时才会换行。pre-wrap连续的空白符...
1、word-break MDN上显示语法: normal | break-all | keep-all | break-word 值: normal: 使用默认的断行规则。 break-all: 对于non-CJK (CJK 指中文/日文/韩文) 文本,可在任意字符间断行。 keep-all: CJK 文本不断行。 Non-CJK 文本表现同 normal。 兼容性如下图所示:keep-all的兼容性比较差一些,...
MDN 的解释和我的翻译: Theoverflow-wrapproperty is used to specify whether or not the browser may break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit in its containing box.overflow-wrap属性是用来说明当一个不可截断的字符串太长而不能被...
翻译成中文意思是: Chrome, Safari以及其他WebKit/Blink浏览器还支持费非官方标准的break-word值,其表现就和word-wrap: break-word一样。 怪不得见过word-break:break-word这个样式,但MDN上没有,原来是非官方的,而且它等同于word-wrap: break-word。
MDN上显示语法: normal | break-all | keep-all | break-word 值: normal: 使用默认的断行规则。 break-all: 对于non-CJK (CJK 指中文/日文/韩文) 文本,可在任意字符间断行。 keep-all: CJK 文本不断行。 Non-CJK 文本表现同 normal。 兼容性如下图所示:keep-all的兼容性比较差一些,其他基本上主流的...
关于以上属性的具体表现,可参考:mdn word-break. 3. word-wrap word-wrap的可取值为: normal(默认值) break-word word-wrap: break-word与word-break: break-word作用相同,不过对于Edg、Firefox、IE浏览器,不支持word-break: break-word,此时只能用word-wrap: break-word。
以下两个示例抄自MDN(https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap) normal: 单词超长也不可折行,产生溢出: p { width: 13em; background: gold; } 效果: break-word: 单词超长会折行: p { width: 13em; background: gold; word-wrap: break-word; } ...
以下是一些关于word-wrap的优秀教程或文章的链接,你可以在GitHub上找到它们: 1. CSS-Tricks - Word Wrap: https://css-tricks.com/almanac/properties/w/word-wrap/ 2. MDN Web Docs - word-wrap: https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap 3. Stack Overflow - How to enable word...
比方说本文要介绍的word-break:break-all和word-wrap:break-word, 虽然都有使用,都照过面,实际上,却一直没有机会能够好好看看这两个到底有什么区别,各个浏览器的兼容性如何,等等。换句话说,就是深入理解。 二、了解word-break属性 MDN上展示的语法为: ...