块级元素换行问题

一、不换行：

块级元素默认超出长度（高度）自动换行，如果想要不换行：white-space: nowrap;这时候超出部分会延伸，需要加overflow属性来控制延伸的部分如何展示

overflow | overflow-x | overflow-y有以下几个属性 

（1）auto：自动，超出加滚动条；

（2）scroll：始终展示滚动条；

（3）hidden ：隐藏；

（4）inherit：规定应该从父元素继承 overflow 属性的值。

如：

//x轴不换行，长度超出加滚动条：
 white-space: nowrap;
 overflow-x: auto;

//y轴不换行，长度超出加滚动条：
 white-space: nowrap;
 overflow-y: auto;

二、数据过长加省略号鼠标移入展示全部：

如

 td {
       
          text-overflow: ellipsis; /* 加上，显示省略号*/
          white-space: nowrap;
          overflow: hidden;
        }
        td:hover {
          /* 鼠标滑过  显示隐藏的内容  伴有横向的滚动条 */
          overflow: auto;
          text-overflow: clip;
        }