當文本內容過長需要保留全部時，我們常規進行換行：
word-break: break-all; // 使中文和英文為一體，一起換行
word-wrap: break-word; // 使中文和英文分開換行
當上述兩個方案都換行無效的時候，檢查一下
white-space的屬性是nowrap還是normal
normal：連續的空白符會被合並，換行符回被當作空白符號處理。填充line盒子時，必要的話會換行
nowrap：和normal一樣，連續的空白符會被合並，但文本內的換行無效
超出部分以省略號顯示：
display: block; // 內聯對象需要添加
white-space: nowrap; // 不換行,屬性在文本超出顯示省略號的時候大家一定用過
overflow: hidden; // 內容超過寬度時，隱藏超出部分的內容
text-overflow: ellipsis; // 當文本溢出時，顯示省略標記（...），需要與overflow: hidden一起使用