Html 带省略号的表格单元格出现故障

我有一张桌子，需要100%地伸展页面。第一列在文本内容上设置省略号，以便在调整浏览器大小时使用。它可以工作，但在表格单元格的右侧有一个空白的200px块（宽度由我的CSS宽度计算值100%-200px确定）

.ff\u表格{
宽度：100%；
}
.ff_表_td1{
显示：块；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
宽度：计算（100%-200px）；
}
.ff_表_td2，
.ff_表_td3{
宽度：100px；
}

快速浏览信息跳转两次
快速棕色
快速棕色

我对它进行了测试，发现了您的问题所在

从

width:calc（100%-200px）中删除空格

空间与css混乱

但是，这仍然允许100%的单元格长度，因此您不会看到省略号。将
宽度更改为90%，您将看到它仍然存在

因此，在URCSS中需要一个称为媒体查询的东西

@media all and (max-width: 480px) {
   .ff_table_td1 { width:200px; }
}

这允许您在浏览器低于某个宽度时更改列的宽度。你可以在里面放任何你想要的条件

那么你到底有什么问题？对不起，我不太清楚你在问什么。如果你运行我的代码片段，你会在第一个单元格的右边看到一个白色的空框。我不知道如何使它不存在。为什么您的最后一个CSS选择器
.ff_table_td2、.ff_table_td2
？这是一个错误。这将删除额外的框，但随后文本停止省略。省略正在工作。这是因为你的单元格宽度仍然允许100%的文本宽度。尝试在css中使用媒体查询。需要一点实验。
@media all and (max-width: 480px) {
   .ff_table_td1 { width:200px; }
}