換行的需求在項目中還是常常需要的，所以把常用的總結(jié)下來肪虎，方便后期使用劣砍。
最近在寫項目時，發(fā)現(xiàn)之前寫的換行的代碼對數(shù)字不管用了扇救，直接出滾動條了刑枝，于是乎就開始各種排查香嗓，浪費(fèi)了好多時間，最后自己普及了一下這發(fā)方面的知識装畅，還是有些欠缺靠娱。
css3超出寬度自動換行，并且首行縮進(jìn)2字符
div{
word-break: break-all;
word-wrap: break-word;
text-indent: 2em;
}
單行超出寬度顯示...
.Ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
多行超出寬度顯示...以及要求顯示幾行或者說根據(jù)文字多少顯示幾行
.Ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; //控制顯示幾行
-webkit-box-orient: vertical; //webbox方向
}
CSS3強(qiáng)制英文洁灵、中文換行與不換行 強(qiáng)制英文換行
1. word-break:break-all;只對英文起作用饱岸，以字母作為換行依據(jù)
2. word-wrap:break-word; 只對英文起作用，以單詞作為換行依據(jù)
3. white-space:pre-wrap; 只對中文起作用徽千，強(qiáng)制換行
4. white-space:nowrap; 強(qiáng)制不換行苫费，都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不換行，超出部分隱藏且以省略號形式出現(xiàn)（部分瀏覽器支持）
有什么不足的地方双抽，望大家多多提出寶貴的意見百框。
