我正在处理显示数据表的HTML页面(使用<table>
元素)。我目前正在将每列的CSS宽度设置为百分比,NAME列为60%,因为它可能是最大的。这是一个实际的屏幕截图:
我真正想要做的是以某种方式&#34;锚定&#34; NAME列右侧的DATE列,在它与COPY,DOWNLOAD和SHARE列之间创建了一个漂亮的空白区域。这是一张篡改过的截图:
但是,我不能只给DATE列一个很大的百分比,因为如果NAME恰好更长,我希望它减小。这是另一个经过修改的截图。如果名称较长,则NAME列的宽度应增加以适应,并且DATE列的宽度应减小:
有没有办法通过CSS实现我想要的东西,而且不会偏离<table>
元素?
答案 0 :(得分:0)
尝试设置&#34; td&#34;对此:
tr td.name-column {
width:1%;
white-space:nowrap;
}
(其中name-column是添加到&#34; td&#34;元素的类)
你也可以尝试添加一些填充以给它一些空间