Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在宽度=100%的表格中固定单元格宽度_Html_Width_Cell_Css Tables - Fatal编程技术网

Html 如何在宽度=100%的表格中固定单元格宽度

Html 如何在宽度=100%的表格中固定单元格宽度,html,width,cell,css-tables,Html,Width,Cell,Css Tables,我想知道,在一个宽度为100%,每列宽度为%value的表格中,是否有可能为最后一列获得一个固定的宽度 如果是,怎么做 您可以使用CSS来实现: #mytable td:last-child { width: 50px; /* change to whatever you want */ } 简而言之,答案是否定的,而不是简单地使用CSS。由于明显的原因,混合固定宽度和相对宽度是相当麻烦的 但是,有一个新的CSS3功能可用于让浏览器计算适当的宽度 请注意不幸的是,它仍然只是实验性的,并且浏

我想知道,在一个宽度为100%,每列宽度为%value的表格中,是否有可能为最后一列获得一个固定的宽度


如果是,怎么做

您可以使用CSS来实现:

#mytable td:last-child {
  width: 50px; /* change to whatever you want */
}

简而言之,答案是否定的,而不是简单地使用CSS。由于明显的原因,混合固定宽度和相对宽度是相当麻烦的

但是,有一个新的CSS3功能可用于让浏览器计算适当的宽度


请注意不幸的是,它仍然只是实验性的,并且浏览器支持有限。

如果您的站点仍然需要JavaScript,您可以在渲染后操纵宽度

  • 让浏览器以接近理想的相对列宽呈现表格,但不设置最后一个要固定的列宽

  • 读取渲染表的宽度

  • 从表格宽度中减去希望最后一列具有的宽度

  • 使用3中的值按百分比计算其余列的宽度。作为100%

  • 以编程方式设置所有列宽


  • 这会给最后一列一个固定的宽度,但如果表的其余部分具有相对宽度,它就不起作用了?我相信这就是OP要问的。谢谢,这就是我的想法;)谢谢,我找到了另一个解决方案,没有使用javascript;)@ThomaBigueres,请用您找到的解决方案更新您的问题,或者自己发布答案。它将来可能会帮助其他人。