0

我有一个表格,有 4 列,每列都有指定的百分比宽度。例如。td width="25%" 和宽度为 100% 的表格。现在,当列内没有其他表时,宽度可以完美地工作,只要我在具有特定宽度的 td 标记内添加下表,它就会自动增加百分比。

<td width="25%">
<table cellspacing="0" cellpadding="3" border="1">
<tbody>
<tr>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
</tr>
<tr>
<tr>
<tr>
</tbody>
</table>
</td>

然后我尝试将上面的表格添加到一个 div 标签中,它对列的拉伸问题进行了排序,但溢出了包含该表格的 div 标签

<div style="max-width: 100px !important; ">
<table cellspacing="0" cellpadding="3" border="1">
<tbody>
<tr>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
</tr>
<tr>
<tr>
<tr>
</tbody>
</table>
</div>

有没有什么办法可以让td标签内的表格宽度指定widht自动继承宽度不控制?我还尝试在列内指定表格的宽度,但这也不起作用

4

2 回答 2

3

边框和内边距会导致元素比它们看起来要大。例如,由于边框的像素宽度,width: 100%; border-width: 1pxdiv 内部的表格width: 100px实际上会尝试适合内部。102px

有关这方面的更多信息,请参阅IE 框模型错误

于 2012-04-13T14:53:52.490 回答
0

不是因为你有未封闭的标签吗?

    <td width="25%">
<table cellspacing="0" cellpadding="3" border="1">
    <tbody>
        <tr>
            <td style="text-align: center;">text</td>
            <td style="text-align: center;">text</td>
            <td style="text-align: center;">text</td>
            <td style="text-align: center;">text</td>
            <td style="text-align: center;">text</td>
        </tr>
        <tr>
             <tr>
                    <tr>
</tbody>
</table>
</td>

应该

<td width="25%">
<table cellspacing="0" cellpadding="3" border="1">
<tbody>
<tr>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
</tr>
<tr>
    <td colspan="5">&nbsp;</td>
</tr>

</tbody>
</table>
</td>
于 2012-04-13T14:58:41.567 回答