230问答网 > 如何用CSS控制表格每列的宽度，宽度设置用的百分比，超出的字不换行，用...显示，求解

如何用CSS控制表格每列的宽度，宽度设置用的百分比，超出的字不换行，用...显示，求解

2024-12-12 01:09:08

推荐回答（2个）

回答1：

如果是简单的表格，直上直下没有跨列或者跨行的：
td { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /* 设置不换行省略号显示*/

然后只需要再给第一行的td分别加上class，例如：

单元格
单元格
单元格
单元格
单元格
单元格

然后，分别设置宽度
.item1 { width:20% }
....
.item6 { width:5% }
其他行同列的单元格会被撑开

比较复杂的有跨列或者跨行的表格，设置方法类似，但是就是要计算一下，比较麻烦。

回答2：

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