自动换行 word-break:break-all和word-wrap:break-word

http://zhidao.baidu.com/link?url=99GjYEIx9MOOgC3Tjk4ZUaIVc3ckDkQC79KzWSLLkGnp0AhqqMCPPvAKDN9NUArbs55FMPtDhBBF9DkVHLnu7q

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。

它们的区别就在于：

1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。

2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。

3，word-break;break-all 支持版本：IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。 WORD-WRAP:break-word 支持版本：IE5.5以上 内容将在边界内换行。如果需要，词内换行( word-break )也将发生。表格自动换行，避免撑开。 word-break : normal | break-all | keep-all 参数： normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行 break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 语法： word-wrap : normal | break-word 参数： normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要，词内换行（word-break）也行发生说明：设置或检索当当前行超过指定容器的边界时是否断开转行。

对应的脚本特性为wordWrap。请参阅我编写的其他书目。 语法： table-layout : auto | fixed 参数： auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢 fixed : 固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关说明：设置或检索表格的布局算法。对应的脚本特性为tableLayout。

建议：word-break 用3C检测会显示问题的，导致百度快照也会出问题-这个属性OPERA FIREFOX 浏览器也不支持 word-break属性可以用white-space:normal;来代替，这样在FireFox和IE下就都能正确换行，而且要注意，单词间的空格不能用 来代替，不然不能正确换行。

我在网站上试验过确实不支持，你可以再W3C验证一下

转载于:https://www.cnblogs.com/zhp404/articles/4137846.html

自动换行 word-break:break-all和word-wrap:break-word相关推荐

word 文档操作类，可以读出word中书签批量替换内容，直接调用
using System; using System.Collections.Generic; using System.Text; using Word = Microsoft.Office.Int ...
让word不显示计算机名作者,如何使word在其他电脑上也不显示回车符
如何让Word文档不显示回车符段落标记 word文档编辑中,开始对回车字符感觉没啥,时间久了,总觉得影响美观,虽然打印的时候不出现,但是影响编辑的视觉效果,想将其隐藏. 其实这只不过是给大家的一个类似 ...
将word文档按分页另存为多个word文件的VBA代码
有时候需要将一个word文档每一页另存为一个word文档,如果手工操作,量大会累死人的.今天我们用VBA来实现批量自动处理.在文档的ThisDocument的代码页中输入以下代码,然后执行Sub Sa ...
js word 预览_微软补丁日：Word/DHCP/LNK远程代码执行漏洞预警
漏洞背景 2019年8月14日微软发布的安全更新中除了RDP漏洞还涵盖了针对多个远程代码执行高危漏洞的修复. Microsoft Word远程代码执行漏洞, 漏洞编号CVE-2019-0585. Wi ...
easypoi导出word表格_拒绝加班，批量将word文档中的信息高效率提取出来存储到Excel中...
最近,有小伙伴跟我提了一个需求,小伙伴是做扶贫工作的,从扶贫系统里面可以批量的导出每一户的信息到一个word文档中,导出的内容是在word中是以表格的形式存在的.小伙伴的需求是如何批量的将每个word ...
poi word插入图片_豌豆BI工具看板Word导出技术详解
Word是最常见的文档编辑工具,当数据分析完成之后,将分析数据的图表在Word中展现,进行汇报或者存档是非常具有现实意义.在此背景之下,全新的Word导出,在豌豆BI 2.1.2 中与大家见面了. 本 ...
qt支持Linux下word导出么,qt怎么实现保存到Word
回答:怎样将Word文档保存到桌面?平时我们在学习.工作的时候都会用到Word文档,当使用Word文档编辑完文件后需要进行保存.可以把Word文档保存到系统盘中,也可以直接保存到桌面上方便今后查找.那 ...
c 语言 while break,26 C 语言中的break和continue - C 语言基础教程
循环语句很好用,但是如果循环进行到一般想要跳出循环或者结束循环怎么办?那么那你需要 break 和 continue 语句. 1. break 和 continue 的使用语法 1.1 or 循环中使 ...
word 编辑域中的汉字_15条Word常用操作教程，简单实用，纯干货分享，收藏备用！...
点击蓝字关注我们 1. 去除页眉横线在页眉插入信息的时候经常会在下面出现一条横线,如果这条横线影响你的视觉. 这时你可以采用下述的两种方法去掉: 用第一种的朋友比较多,即选中页眉的内容后,选取&q ...
python套用word模板_如何使用Python批量创建Word模板
如何使用 Python 批量创建 Word 模板在日常工作中我们经常需要重复性地将同一份内容的 Word 文档资料发送给多个不同客户, 此时 Word 文档内容可能只有客户署名不同. 或者只有部分 ...

自动换行 word-break:break-all和word-wrap:break-word

自动换行 word-break:break-all和word-wrap:break-word相关推荐

最新文章

热门文章