PS：這是我在別人博客copy下來的
做前端的我們都會發現這樣一個問題，當你控制文字出現多行時，而這多行是有限制的（比如超出部分隱藏不顯示），而這多行文字如果全部是數字或者字母抑或是數字和字母的組合時，你會發現這些文字不會自動換行，如果控制的不對，它有可能沖出父元素…
原因是：
英書字母之間如果沒有空格，系統以為是一個單詞，就不會BUTO換行。漢字就沒有這種情況。
-
一行文字
當有一行文字的時候，如果想讓超出部分出現（…），可以這樣寫：
.wrap{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 118px;
}
-
多行文字
當有多行文字的時候，可以這樣寫:
.wrap{
width:220px;
height: 72px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}