table的 td 单行超出部分,用省略号代替

目的是更改换行显示,使单行超出部分用"…"代替;
常规的在单个容器(如 div)中,

div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

但在 table 中不太好用:

要想起作用,需要添加

table{
     width: 160px;
     table-layout: fixed;
}

注意,必须给定table的宽度;
如果只是单独针对 td 元素,也可以添加

table tr td:nth-child(1){
	max-width: 80px;
}