浅谈 white-space, word-wrap, word-break,强制换行的区别
来源:互联网 发布:广电总局对于网络剧 编辑:程序博客网 时间:2024/06/05 23:25
一、White-space
white-space ,规定如何处理元素中的空白和遇到边界如何换行。属于 CSS1 ,兼容性好,所有浏览器都支持。
white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit ;
normal: 默认。合并空白符。多个空格和换行合并为一个空格。中文或单词遇到空格会自动换行,没有空格直接超出边界。
pre: 保留空白符,类似<pre>标签。内容过长将会超出边界。
nowrap: 合并空白符。文本不会换行,直到遇到<br>标签。
pre-wrap: 保留空白符,遇到边界自动换行。
pre-line: 合并空白符,遇到边界自动换行。
inherit : 从父元素继承。
二、Word-wrap
word-wrap ,允许对长的不可分割的单词进行分割并换行。属于CSS3 ,所有主流浏览器支持。
都是合并空白符。
word-wrap: normal | break-word ;
normal: 默认。遇到中文、整个的单词结束会换行。乱打的字母和数字不会换行,直接超出边界。存在这种行为的关键在于它识别了空格。
break-word: 在长单词或 URL 地址内部进行换行。遇到边界就进行换行。
三、Word-break
word-break,规定非中日韩文本的换行规则。属于CSS3 ,所有主流浏览器支持。
都是合并空白符。
word-break: normal | break-all | keep-all ;
normal: 默认。使用浏览器默认的换行规则。
break-all: 允许在单词内换行。遇到边界单词会被切断。
keep-all: 只能在半角空格或连字符处换行,长单词会超出边界。
- 浅谈 white-space, word-wrap, word-break,强制换行的区别
- css中强制换行word-break、word-wrap、white-space区别实例说明
- css中强制换行word-break、word-wrap、white-space区别实例说明
- word-wrap、word-break、white-space区别
- word-wrap、word-break、white-space区别
- 文字换行中word-wrap、white-space和word break的区别
- word-wrap、white-space和word break的区别
- word-wrap、white-space和word break的区别
- word-wrap、white-space和word break的区别
- css中word-break、word-wrap、white-space的区别
- word-wrap、white-space和word break的区别
- word-wrap、white-space和word break的区别
- white-space,word-wrap,word-break的区别
- CSS文本换行:white-space、word-break、word-wrap
- 文本换行word-wrap、word-break与white-space
- css换行(white-space、word-wrap、word-break)
- white-space、word-wrap和word-break区别
- word-break、word-wrap、white-space使用方法
- 学习自动化测试工具TW小结
- 【Halcon】vs2010与Halcon10.0的配置
- 图论
- 和程序员有些不解之缘
- 解决 IDEA 中src下xml等资源文件无法读取的问题
- 浅谈 white-space, word-wrap, word-break,强制换行的区别
- code[vs] 2235 机票打折
- Memcache的部署和使用
- win10中修改mac地址(总有一款适合你)
- Arduino Uno 使用 4x4 矩阵按键 实现你家的密码锁吧
- 记不住如何创建utf8数据库怎么办
- windows下java项目cpu占用较高原因分析
- Collections类
- 通过WinSCP来进行win和linux的双向传输