HTML 表格和 TD 百分比说明答案

【问题标题】：HTML Table and TD Percentages ClarificationHTML 表格和 TD 百分比说明
【发布时间】：2016-05-22 14:39:17
【问题描述】：

这仍然让我有些困惑。

假设我有这样的代码，表格宽度为 50%。

然后我希望该表中有 3 个 td - TD 是否必须等于 100%？

我的理解是 50% 表示父类的 50%，所以假设监视器是 1000 像素 - 表格应该是 500 像素正确吗？

该表中宽度为 33% 的 3 个 TD 总计为 500 像素，因为父类是 1000 像素的 50% - 对吗？

<table width="50%">
<tr>
<td width="33%">
<td width="33%">
<td width="33%">

【问题讨论】：

标签： html html-table width

【解决方案1】：

试试这个：

最新更新的小提琴：https://jsfiddle.net/va6Lw1ec/1/

<div style="border:1px solid red" >
Start

<table border="1" width="50%">
  <tr>
    <td width="25%">A</td>
    <td width="25%">B</td>
    <td width="75%">C</td>
  </tr>
</table>

End
</div>

对于您的查询，“我的理解是 50% 表示父类的 50%，所以假设监视器是 1000 像素 - 表格将是 500 像素正确吗？” 看，如果你把这个表格放在占据屏幕 25% 的 DIV 中 - 那么 DIV 中的表格将是 DIV 中的一半

你能用 HTML Table 给出你需要的图形表示吗？您也可以使用 colspan - HTML 表格的属性。（它会整理表格中的列）

您还可以在 w3school.com 中获取所有简单示例

【讨论】：

感谢您的回复！我只是想进行一般的验证——宽度 % 总是考虑到 PARENT 元素。所以可以说我的屏幕是屏幕是 1000 像素。我有一个宽度为 50% 的 div - 如果我在 div 内有一个宽度为 50% 的表格，它将是 500 像素 - 表格将是 250 像素，如果我在表格内有一个宽度为 td 50% - 125 像素正确吗？
看，正如你所知，DIV 是一个容器，它会随着项目的填充而增长。如您所述，表格元素将发生变化。我已经更新了小提琴 jsfiddle.net/va6Lw1ec/1 。检查相同。希望你能得到一个清晰的画面
投了反对票。请评论你的理由。这会很有帮助