css 表格显示一行省略 |css梯形阴影

table {
width: 100%;
border-collapse: collapse;
}
td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

这里大家定义了一个表格和 td 元素的样式。table 的宽度为 100%，即铺满整个容器。而 td 元素则设置了 white-space: nowrap，表示文本不换行。此外，大家还设置了 overflow: hidden，表示超出部分隐藏，而 text-overflow: ellipsis 表示超出部分省略号代替。

通过使用 text-overflow 属性，大家可以很好地控制表格中某一行的长度，使其不会影响整个页面的布局。这种效果在一些需要展示较长文本的网页中也可以使用。