HTML表格和TD百分比澄清

时间:2016-02-11 17:13:24

标签: html html-table width

这仍然让我感到困惑。

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

然后我想在该表中输入3个td - TD是否必须等于100%?

我的理解是,50%意味着50%的父类,所以假设显示器是1000像素 - 表格是500像素正确吗?

该表中3个TD的宽度为33%将达到500像素,因为父类是1000像素的50% - 对吗?

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

1 个答案:

答案 0 :(得分:-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表格给出你需要的图形表示吗? 您还可以使用 colspan - HTML表的属性。 (它会整理表格中的列)

您也可以在w3school.com上获取所有简单的样本