span标签里的内容过长如何设置自动换行

前言：

      我们设置显示省略号的时候会用到一个css属性：white-space

white-space:

• normal    默认值，空白会被浏览器忽略。
• pre       空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
• nowrap   文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
• pre-wrap       保留空白符序列，但是正常地进行换行。
• pre-line  合并空白符序列，但是保留换行符。
• inherit    规定应该从父元素继承 white-space 属性的值

不换行：

white-space:nowrap  

换行：

white-space:pre-wrap