表父元素的宽度是否扩展为其子元素?

时间:2013-04-23 01:55:19

标签: html css html5 css3

<table>的设置宽度为1000px。

它有5个<td>个元素,每个元素的宽度为300px。

尽管我明确设置了宽度,表是否会展开以包含所有<td>个孩子?

4 个答案:

答案 0 :(得分:1)

您应用于table的宽度是最重要的。

td元素将调整大小以适应表格

答案 1 :(得分:1)

这可能取决于浏览器以及实际指定宽度的方式,但在您的情况下,表格单元格很可能会调整大小以适应整个表格的宽度。计算表格宽度的说明:http://www.w3.org/TR/CSS2/tables.html#width-layout

table-layout: fixed将使用固定表格布局算法,该算法将使用其内容从正常的盒子模型计算表格宽度(在您的情况下为1500px)。您也可以通过将块级元素作为<td> s。

的内容来完成此操作

http://jsfiddle.net/AS6EZ/

答案 2 :(得分:0)

没有。无论其子列的宽度如何,表格都不会超过设定的宽度。您的示例中的表格将是1000像素宽,而不是1500像素宽。

答案 3 :(得分:0)

子元素(td)将调整大小以适应表格的宽度。

Example