div{
   width:100px;
   background:#00ff00;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}

溢出属性overflow/overflow-x/overflow-y

Visible 默认值，内容超出会溢出

Hidden 溢出的内容会被裁切，不可见

Scroll 无论内容是否溢出都会显示滚动条区域，那个方向存在溢出就在那个方向上显示滚动条

Auto 自动 如果内容有溢出就显示滚动条，没有溢出不显示，那个方向溢出显示哪个方向的滚动条

Inherit 继承父元素中overflow的属性值

空白空间属性white-space

Pre: 将内容里的所有空格都解析出来，内容遇到边界不会换行，直到遇到br才会换行显示

Pre-line：将内容中的所有回车换行都解析，中间的空格不会解析，遇到边界会换行

Pre-wrap：将内容中的所有空格都解析，遇到边界会换行

Nowrap：强制在一排显示，不会换行，忽略所有空格，直到遇到br才会换行

省略号属性text-overflow

Ellipsis 省略号

Clip 裁切