table 的溢出隐藏

.overflow{

text-overflow: ellipsis;//text-overflow 属性规定当文本溢出包含元素时发生的事情, ellipsis显示省略符号来代表被修剪的文本。
white-space:nowrap;//空白 不换行，禁止折行。
overflow:hidden; //溢出时隐藏
}

然后<td class="overflow">，并没有出现想要的结果，哪里出问题了呢？

原来要加上这个

table{table-layout:fixed}

这是固定表格布局，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。这样固定的宽度，才能让我们的表格文本溢出，不然文本不知道自己的宽度是多少，自然不会溢出了。

在这种布局算法中，每列的宽度是一样的，要想改变这个宽度，让表格看起来更美观的时候，我们可以给th 加上style="width: ？%;"就可以啦~