效果圖：
1、内容不被截斷
span {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
list-style: none;
word-break:keep-all;
float:left;
}
2、超出行長度時換行
xg_dl_content {
height:auto;
word-wrap: break-word;
}
3、整體寬度，并給一個向左浮動
.xg_dl_type {
float:left;
320px;
}
以下引用word-break的說明
文法：
word-break : normal | break-all | keep-all
參數：
normal : 依照亞洲語言和非亞洲語言的文本規則，允許在字内換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字内斷開。該值适合包含一些非亞洲文本的亞洲文本
keep-all :與所有非亞洲語言的normal相同。對于中文，韓文，日文，不允許字斷開。适合包含少量亞洲文本的非亞洲文本