Html 如何根据百分比指定的单元格宽度设置表格宽度?
我在一个Html 如何根据百分比指定的单元格宽度设置表格宽度?,html,css,css-tables,Html,Css,Css Tables,我在一个div中有一个表,它的宽度为100%,它在另一个div中,宽度同样为100%,但最大宽度为816px。 我没有表格的宽度,但它是从单元格中获取宽度的,单元格的宽度以像素为单位(121px和108px,这是一个两列表格)。到目前为止还不错,但现在我正在努力使我的表响应,为此我需要提到我的单元格宽度的百分比 这就是问题所在,我的细胞在%ages中的宽度分别为14%和13%。该计算是关于最外层的div,其最大宽度为816px。现在发生的事情是,由于表没有宽度,它被扩展到div的整个宽度 是否有
div
中有一个表,它的宽度为100%
,它在另一个div
中,宽度同样为100%
,但最大宽度为816px
。
我没有表格的宽度,但它是从单元格中获取宽度的,单元格的宽度以像素为单位(121px
和108px
,这是一个两列表格)。到目前为止还不错,但现在我正在努力使我的表响应,为此我需要提到我的单元格宽度的百分比
这就是问题所在,我的细胞在%ages中的宽度分别为14%
和13%
。该计算是关于最外层的div
,其最大宽度
为816px
。现在发生的事情是,由于表没有宽度
,它被扩展到div的整个宽度
是否有解决此问题的方法,而无需为表格指定任何宽度(以像素为单位)(表格宽度
以百分比为单位是可以的)?当窗口较窄时,您希望表格有多宽?当div达到最大值时,表的宽度可以是28%,很明显(单元格的宽度可以是52%和48%),但是如果空间更小呢?表格可以按比例缩小吗?是的,当窗口缩小时,表格应该按比例缩小,但问题是,在全尺寸窗口中,表格延伸到包含div
的整个宽度,因此表格单元格也被拉伸。在这种情况下,我可能会误解您的要求。我在第一次评论中说明了它的工作原理。因此,如果这对你不起作用,你的环境就不同了。