换行的需求在项目中还是常常需要的，所以把常用的总结下来，方便后期使用。

最近在写项目时，发现之前写的换行的代码对数字不管用了，直接出滚动条了，于是乎就开始各种排查，浪费了好多时间，最后自己普及了一下这发方面的知识，还是有些欠缺。

css3超出宽度自动换行，并且首行缩进2字符

div{
    word-break: break-all;
    word-wrap: break-word;
    text-indent: 2em;
}

单行超出宽度显示...

.Ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

多行超出宽度显示...以及要求显示几行或者说根据文字多少显示几行

.Ellipsis {
               overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;  //控制显示几行
                -webkit-box-orient: vertical;   //webbox方向
}

CSS3强制英文、中文换行与不换行 强制英文换行

1. word-break:break-all;只对英文起作用，以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据
3. white-space:pre-wrap; 只对中文起作用，强制换行
4. white-space:nowrap; 强制不换行，都起作用 
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现（部分浏览器支持）

有什么不足的地方，望大家多多提出宝贵的意见。