当文本宽度超过容器的宽度那么将导致溢出
使用text-overflow属性会修剪文本导致文本显示不全
这里使用的方法是word-break: break-all+white-space: pre-wrap
word-break: break-all
允许在单词内换行(还有个keep-all属性,用来只能在半角空格和连字符处换行,默认值为normal)
white-space: pre-wrap
normal:默认,空白被忽略
nowrap:文本不换行,文本在同一行继续
pre:保留空格,换行保留,不自动换行
pre-wrap:保留完整空格,保留换行符,自动换行
pre-line:保留空格(可能不完整),保留换行
一个提供换行规则,另一个保证换行的样式还存在(例如换行符,空格等等),而且还提供自动换行功能