当宽度值设置为 100 vw 且边框设置为折叠时,CSS 表格宽度无法按预期工作

问题描述 投票:0回答:0

我正在使用 CSS 规则

tbody td { width: 100vw; min-width: 4rem; max-width: 4rem; } 
设置表格主体内 td 元素的宽度。我注意到,如果我删除 border-collapse 属性,然后单独删除 width 属性,表格单元格看起来大于 4rem,大约 71px。但是,如果我同时删除 border-collapse 和 width 属性,则 td 元素的行为符合预期,宽度为 4rem 或 64px。你能解释一下这里发生了什么,为什么会这样吗?

设置表体中 td 元素的宽度。我注意到,如果我删除 border-collapse 属性,然后单独删除 width 属性,表格单元格看起来大于 4rem,大约 71px。但是,如果我同时删除 border-collapse 和 width 属性,则 td 元素的行为符合预期,宽度为 4rem 或 64px。

css html-table width border
© www.soinside.com 2019 - 2024. All rights reserved.