文本溢出属性   overflow  或者overflow-x/y    横向滚动条/竖向滚动条

 -visible  默认值

-hidden 隐藏

-auto  自动

-scroll 显示滚动条 

单行文本超出后显示省略号    

需要的要求

    容器需要有固定的大小            width/height

    文本需要强制在一行显示        white-space：nowrap

    文本溢出隐藏                          overflow：hidden，display：flex

    隐藏的文本变成省略号            text-overflow：ellipsis

white - space   属性

-    pre   保留空格

-    pre-line    没有空格    保留了换行

-    pre-wrap    空格    换行都有

nowrap   不换行   强制性的一行显示

br 比  nowrap厉害   除非遇到了br标签就会换行