css样式：超出范围的文字默认用...来表示

width: 456rpx;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

1.width：固定一个宽度
2.text-overflow：规定当文本溢出包含元素时所发生的事情

3.overflow：规定当内容溢出元素框时发生的事情
a. visible：默认值，内容不会被修剪，会呈现在元素框之外。
b.== hidden==：内容会被修剪，并且其余内容是不可见的。
c. scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容（不溢出也会有滚动条）
d. auto：如果内容被修剪（比如文字溢出时候），则浏览器会显示滚动条以便查看其余的内容。

4.white-space：用来定义元素内的空白该如何处理
normal：忽略多余的空白，只保留一个空白（默认）；
pre：保留空白(行为方式类似于html中的pre标签)；
nowrap：只保留一个空白，文本不会换行，会在同一行上继续，直到遇到br标签为止。
pre-wrap：保留空白符序列，正常地进行换行；
pre-line：合并空白符序列，保留换行符；
inherit：从父元素继承white-space属性的值。