換行的需求在項目中還是常常需要的，所以把常用的總結下來，方便后期使用。

最近在寫項目時，發現之前寫的換行的代碼對數字不管用了，直接出滾動條了，于是乎就開始各種排查，浪費了好多時間，最后自己普及了一下這發方面的知識，還是有些欠缺。

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;不換行，超出部分隱藏且以省略號形式出現（部分瀏覽器支持）

有什么不足的地方，望大家多多提出寶貴的意見。