css属性区分---------word-break与word-wrap
来源:互联网 发布:淘宝卖家认证复核 编辑:程序博客网 时间:2024/05/16 05:08
css属性---------word-break与word-wrap
word-break与word-wrap这连个属性作用都是控制文本的换行,但是很多人却不太清楚这两个属性的区别,往往是将两个方法一起使用:
例如:
word-wrap:break-word; word-break:break-all;
但其实上述两个属性还是存在一些小区别的,废话不多说,先上代码和效果图示例:
代码:
word-break:break-all;效果图:
代码:
word-wrap:break-word;效果图:
可以很明显的看到区别:
word-wrap 强调的是是否允许单词内断句,而word-break强调的则是怎么样来进行单词内的断句。
我们说了,word-wrap 是用来决定允不允许单词内断句的,如果不允许的话长单词就会溢出。最重要的一点是它还是会首先尝试挪到下一行,看看下一行的宽度够不够,不够的话就进行单词内的断句。
而word-break:break-all则更变态,因为它断句的方式非常粗暴,它不会尝试把长单词挪到下一行,而是直接进行单词内的断句。这也可以解释为什么说它的作用是决定用什么方式来断句的,那就是——用了word-break:break-all,就等于使用粗暴方式来断句了。总之一句话,如果您想更节省空间,那就用word-break:break-all就对了!
0 0
- css属性区分---------word-break与word-wrap
- css属性:word-wrap:break-word; 与 word-break:break-all 的用法;
- word-break与word-wrap
- CSS属性-word-wrap word-break table-layout
- CSS中word-wrap与word-break的区别
- 属性word-wrap与word-break的区别
- css恶补: word-wrap:break-word;word-break:break-all;
- word-wrap 和 word-break 属性
- word-break word-wrap
- word-break/word-wrap
- word-wrap与word-break的区别
- word-wrap与word-break的区别
- CSS换行:word-wrap、word-break和text-wrap区别
- CSS换行:word-wrap、word-break和text-wrap区别
- 溢出文字处理CSS属性——text-overflow、word-break、word-wrap和white-space
- CSS基础---CSS强制性换行(word-wrap;word-break;)
- word-wrap : normal | break-word
- word-wrap : normal | break-word
- 【Leetcode】Summary Ranges
- JavaScript的作用域与作用域链
- mysql编程语法
- 多线程之知识点
- 刚入门AS的菜鸟收集了一些小技巧
- css属性区分---------word-break与word-wrap
- 关于高考以及其他
- 欢迎使用CSDN-markdown编辑器
- SQL Server 创建约束图解 唯一 主键
- js防刷新的倒计时
- 黑马程序员——java基础之面向对象
- 多线程编程(三)--创建线程之Thread VS Runnable
- Effective C++ 条款25
- 排序算法之选择排序