colspan无法运作的TD宽度（Chrome）

Question

colspan无法运作的TD宽度（Chrome）

以下代码无法在Chrome中正确显示第一行（IE8可以正常显示，我尚未在其他浏览器中进行过测试）

<head>
</head>
<body>
<table width="100%" border="1">
    <tr>
            <td width="15%">a</td>
            <td width="70%">b</td>
            <td width="15%">c
                    <table border=1>
                    <tr>
                            <td valign="top">Subtotal:</td>
                            <td valign="top">$2,464.34</td>
                    </tr>
                    </table>
            </td>
    </tr>
    <tr>
            <td colspan="3">
                    <input type="text" style="width:500px;" />
            </td>
    </tr>
    </table>
</body>

Run Code Online (Sandbox Code Playgroud)

看来INPUT控件中的固定宽度导致了此问题。如果我将500px更改为80％，则可以正常使用。或者，如果我取出列“ c”中的内部表，它也可以工作。

为什么看起来colspan = 3被忽略了？有任何想法吗？

Answer 1

Bas*_*mad 2

你猜怎么了！:) 经过愚蠢的调查（3个小时的工作）我发现由于某种原因 display:table-cell 在 chrome 中被覆盖。因此，只需广告表格单元格显示即可，一切都会好的:)。

编辑后的答案 --------- 所以在检查后似乎某些重置样式表将 display: block 放在 TD 上。因此，如果确实发生这种情况，您可以删除该样式表、编辑或覆盖它。

归档时间：	14 年，8 月前
查看次数：	6078 次
最近记录：	9 年，4 月前