如何控制HTML表格列宽？

Question

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

我真正想要做的是以某种方式＆＃34;锚定＆＃34; NAME列右侧的DATE列，在它与COPY，DOWNLOAD和SHARE列之间创建了一个漂亮的空白区域。这是一张篡改过的截图：

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

有没有办法通过CSS实现我想要的东西，而且不会偏离<table>元素？

Answer 1

尝试设置＆＃34; td＆＃34;对此：

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

（其中name-column是添加到＆＃34; td＆＃34;元素的类）

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