word-wrap: break-word和word-break: break-all的区别

总结： word-wrap: break-word;这个不会去截断一个单词， word-break: break-all; 会暴力拆解一个完整的单词（这里不一定是一个正确的单词，可以看成通过字母拼接而成的一个整体）

1.首先，我们先来看浏览器默认情况下出现的bug:

.div0, .div1, .div2 {width: 200px;height: 50px;background-color: #00CCFF;       margin-top: 20px;}

 <h3>浏览器默认情况</h3><div class="div0"><p>this is just a testttttttttttttttttttttttttttttttttttttttttttttttttt!</p></div>

浏览器默认情况下，如果有一个单词很长，导致一行剩下的空间放不下，则浏览器会把这个单词挪到下一行去。但是如果新行还是放不下，则会溢出父元素

2.word-wrap: break-word;

.div1 { word-wrap: break-word; }

3.word-break: break-all;

.div2 { word-break: break-all;  }

word-wrap: break-word和word-break: break-all的区别相关推荐

c html转换成word,C#实现HTML转WORD及WORD转PDF的方法
本文实例讲述了C#实现HTML转WORD及WORD转PDF的方法.分享给大家供大家参考.具体如下: 功能:实现HTML转WORD,WORD转PDF 具体代码如下: using System; usin ...
c语言读取word文件内容,c 读取word c 读取word文档
c++如何读取word 基本步骤(1)创建)一个 MFC 的程序工程. 注意:在VC中对WORD进行操作需要在MFC AppWizard - Step 2 of4中的Automaiton选项上打上勾. ...
word里的多级列表和项目编号是什么区别？
numbering:主要用于创建同级编号,对于正文内并列关系的段落增加编号. multilevel list:主要用于创建多层编号,还能和标题之类绑定,为不同层级的标题加编号.这个用的比较多,还能创建 ...
java中break内外循环_java 中break如何跳出外部循环
学习就是为了不断的看到自己的知识盲点,然后改正,以前知道如何使用break来跳出循环,突然学习到可以用break跳出外部的循环(以前只知道怎么调本次的循环). 上正题代码如下: break跳出本次循环 ...
pdf to word android,Scanned PDF to Word
Scanned PDF to Word 介绍 Scanned PDF to Word Scanned documents are not easy to convert with regular co ...
[转载] python循环中break、continue 、exit() 、pass的区别
参考链接: Python中的循环和控制语句(continue, break and pass) 1.break:跳出循环,不再执行用在while和for循环中用来终止循环语句,即循环条件没有Fal ...
php利用mht导出word,解析掌握PHP导出Word文档原理
解析掌握PHP导出Word文档原理 PHP言语可能被咱们用来完成很多性能.比如在网站树立中,咱们常常会用到网页导出数据的情况.今天就为大家引见无关PHP导出Word文档的原理. 普通,有2种方法可能导 ...
用Word转换向导批量转换Word文档(转)
用Word转换向导批量转换Word文档(转) 目前,我校所在地区教育系统上下级之间文件材料的下达和上报都实现了网络传输.为了提高办公效率,主管教育部门要求这些材料一律使用纯文本格式.而由于排版 ...
java 读取word 带格式_java读取word带格式_游戏下载_游戏攻略资讯_尽在搜狗爱玩
Started learning Java and think you're ready to move on to the next level? Find out if you have a go ...
计算机做word的表格,word表格制作,教您word如何制作表格
表格在我们的日常工作中是必不可少的,Word表格操作起来简单容易上手,不像Excel功能一大堆但非专业人士并不会用它制作表格.那么如何在Word上快速建立一个合适的表格呢?下面,小编就来大家分享wor ...

word-wrap: break-word和word-break: break-all的区别

word-wrap: break-word和word-break: break-all的区别相关推荐

最新文章

热门文章