css中word-break:break-all和word-wrap:break-word的区别
来源:互联网 发布:php class unset 编辑:程序博客网 时间:2024/06/05 00:55
目的:主要说明word-break:break-all和word-wrap:break-word的区别
1. word-break:break-all和word-wrap:break-word的相同点:
都能使其容器如DIV的内容自动换行
(1).word-break:break-all:
例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长,它会把单词截断,变成该行末端为
conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了.
(2).word-wrap:break-word:
例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,
它会自动把整个单词放到下一行,而不会把单词截断掉的。
阅读全文
0 0
- css中word-break:break-all和word-wrap:break-word的区别
- css强行换行 word-break:break-all和word-wrap:break-word 的区别
- word-break:break-all和 word-wrap:break-word区别
- word-break:break-all和 word-wrap:break-word区别
- word-break:break-all、word-break:break-work和work-wrap:break-work的区别
- css恶补: word-wrap:break-word;word-break:break-all;
- word-break:break-all和break-wrap:break-word的区别
- 自动换行word-break:break-all和word-wrap:break-word的区别
- 自动换行word-break:break-all和word-wrap:break-word的区别
- 自动换行word-break:break-all和word-wrap:break-word的区别
- 自动换行word-break:break-all和word-wrap:break-word的区别
- div自动换行word-break:break-all和word-wrap:break-word的区别
- 自动换行word-break:break-all和word-wrap:break-word的区别
- div自动换行word-break:break-all和word-wrap:break-word的区别
- div自动换行word-break:break-all和word-wrap:break-word的区别
- div自动换行word-break:break-all和word-wrap:break-word的区别
- word-break:break-all和word-wrap:break-word的区别
- word-break:break-all和word-wrap:break-word的区别
- ZOJ 1489 HDU1395 2^x mod n = 1 数学
- (并查集的应用)LeetCode#547. Friend Circles
- 进程和线程的关系以及区别
- [SMOJ2166]数列的和
- env, set, export 命令的区别
- css中word-break:break-all和word-wrap:break-word的区别
- Linux中DNS配置
- 【HDU1698】区段更新
- 微信小程序的登陆流程详解
- unix shell 变量的分类
- Python实现计算一段文本中每个单词出现的次数
- js基础语法
- Spring+Mybatis 查询所有数据时发生异常:org.apache.ibatis.reflection.ReflectionException: There is no getter for
- 将16进制的字符串转换为对应的字符