换行规则

CSS可以指定文字多行时换行的规则，说白了就是指定哪些地方可以换行

相关属性

word-break

The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.

word-break属性决定了文本溢出时内容区的文本换行方式

属性值

关键值

normal(默认值)

break-all

允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行

看起来就是超出部分直接截断，无论单词是否完整

keep-all

不允许CJK(Chinese/Japanese/Korean)文本中的单词换行，只能在半角空格或连字符处换行。非CJK文本的行为实际上和normal一致

break-world(被废弃)

word-break

属性值

关键值

normal(默认值)

break-word

表示如果行内没有多余的地方容纳该单词到结尾，则那些正常的不能被分割的单词会被强制分割换行。

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

word-break: break-all 在任意溢出都换行，word-wrap:break-word 如果这一行文字有可以换行的点，如空格，或CJK(Chinese/Japanese/Korean)(中文/日文/韩文)之类的，则就不打英文单词或字符的主意了，让这些换行点换行，至于对不对齐，好不好看，则不关心

总结

目前单词断行没有那么受重视，可以直接使用word-break:break-all 达到断行不留空白的效果，更多应用，后续遇到会添加

最新文章

1. 通过gradle来导入jar包
2. Windows Server 2008 R2 创建辅助DNS服务器并接管主要DNS服务器
3. 2016 版 Laravel 系列入门教程（四）【最适合中国人的 Laravel 教程】
4. [iOS]iPhone利用<极光推送>实现远程推送
5. 【Knockout】五、创建自定义绑定
6. 自定义手势_GestureOverlayVIew
7. NetSerialComm的基本使用方法
8. BZOJ3711 Druzyny 最大值分治、线段树
9. 热泪盈眶的五十岁 | James Altucher
10. Windows服务启动进程----Cjwdev.WindowsApi.dll
11. supervisord 知识点
12. 关于OSG+QT+VS版本的问题
13. bean的实例化
14. 多个Firefox共存&&彻底关闭自动更新
15. 二、深度解析HTML5之视频播放和音频播放
16. 关于wcf服务编译平台是x86, 运行平台是x64时，如何调试
17. UVA 10214 Trees in a Wood
18. dump备份mysql表
19. TCP协议的三次握手和四次挥手过程
20. pom.xml基础配置

热门文章

1. ndt算法学习
2. 【EasyExcel】使用easyExcel过程中，项目报错的解决集合
3. GO学习笔记 - 模版渲染及多种输出
4. maven聚合项目以及使用dubbo远程服务调用debug操作。
5. WPF xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
6. linq 获取不重复数据，重复数据 var unique = arr.GroupBy(o => o).Where(g => g.Count() == 1) .Select(g => g.ElementAt(0));
7. Winform中设置ZedGraph的颜色填充使用Fill
8. .NET Core RabbitMQ探索(2)——RabbitMQ的Exchange
9. Python collectioins
10. 面试阿里百分百问的Jvm，别问有没有必要学，真的很有必要朋友