Html 具有最大宽度百分比的CSS文本溢出表单元格

Html 具有最大宽度百分比的CSS文本溢出表单元格,html,css,Html,Css,我有一个表,其中的列具有百分比宽度。如果这些单元格中的内容超过了该百分比宽度,我希望用省略号将其截断 根据,我应该使用最大宽度属性,但根据,我不能使用百分比 表格{ 宽度:100%; } 表td{ 溢出:隐藏; 空白:nowrap; 文本溢出:省略号; } 表tr td:第n种类型(1){ 宽度:20%; } 表tr td:nth类型(2){ 宽度:30%; } 表tr td:第n种类型(3){ 宽度:50%; } 1. 2. 3. 1. 2. 3. 这无法用于标准HTML表格:自动布局算法

我有一个表,其中的列具有百分比宽度。如果这些单元格中的内容超过了该百分比宽度,我希望用省略号将其截断

根据,我应该使用最大宽度属性,但根据,我不能使用百分比

表格{
宽度:100%;
}
表td{
溢出:隐藏;
空白:nowrap;
文本溢出:省略号;
}
表tr td:第n种类型(1){
宽度:20%;
}
表tr td:nth类型(2){
宽度:30%;
}
表tr td:第n种类型(3){
宽度:50%;
}

1.
2.
3.
1.
2.
3.

这无法用于标准HTML表格:自动布局算法将不断拉伸单元格,使其始终适合其内容,甚至忽略显式宽度


切换到
表格布局:固定
和。

布局:固定
并不适用于所有情况,表格应该是流动的,并自动调整单元格间距,这也意味着为某些单元格设置1%,并让其他单元格自动调整

使用以下命令:


也适用于IE9+。

您应该使用列计数为3的div我不明白为什么我应该这样做-这是一个表格数据。非常好用!确保没有在代码中的其他地方应用表的最小宽度。。。