如何控制 HTML 表格的列宽？

Question

我正在处理一个显示数据表的 HTML 页面（使用 <table> 元素）。我目前将每列的 CSS 宽度设置为百分比，NAME 列为 60%，因为它可能是最大的。这是一个实际的屏幕截图：

我真正想做的是以某种方式将 DATE 列“锚定”到 NAME 列的右侧，在它与 COPY、DOWNLOAD 和 SHARE 列之间创建一些漂亮的空白。这是经过修改的屏幕截图：

但是，我不能只给 DATE 列一个很大的百分比，因为如果 NAME 恰好更长，我希望它减小大小。这是另一个篡改的屏幕截图。如果名称较长，则 NAME 列应增加宽度以适应，DATE 列应减小宽度：

有没有什么方法可以通过 CSS 完成我想要的，并且不离开 <table> 元素？

Answer 1

尝试将“td”设置为：

tr td.name-column {
    width:1%;
    white-space:nowrap;
}

（其中 name-column 是添加到“td”元素的类）

你也可以尝试添加一些填充来给它一些空间