使用百分比来给单元格调整宽度的问题

来源：3-10 作业题

慕前端4275309

2020-01-19 23:42:57

<table width="100%">
    <tr>
        <td width="20%">1</td>
        <td width="60%">2</td>
        <td width="20%">3</td>
    </tr>
</table>

像是这个一行三列的表格，单元格用width="X%"来设定宽度。这个“X%”对页面呈现的原理是怎么样的呢？如果这一行里三个单元格的宽度百分比加起来不到100%或超过100%，最终对页面的呈现会是怎么样的呢？

写回答

1回答

好帮手慕码

2020-01-20

同学你好，这个百分数是按照父级来计算的。例如：

此时让页面宽度（即table标签宽度）为1143：

那么第二个td的宽度大致是1143*60%=685.8，看下实际是681（由于还有td之间的间隙，所以这是一个大致的值）：

宽度百分比加起来不到100%或超过100%的时候，td的宽度是自动分配的（这是浏览器的机制），会占满整个td，同学可以自己试一下。不过实际中，会人为的设置td的宽度总和为100%。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0 学习 · 40143 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 6