Html colspan不工作时的TD宽度(镀铬)
以下代码在Chrome中无法正确渲染顶行(IE8渲染正常,我没有在其他浏览器中测试)Html colspan不工作时的TD宽度(镀铬),html,google-chrome,Html,Google Chrome,以下代码在Chrome中无法正确渲染顶行(IE8渲染正常,我没有在其他浏览器中测试) A. B C 小计: $2,464.34 似乎是输入控件中的固定宽度导致了问题。如果我将500px更改为80%,它会神奇地正常工作。或者,如果我取出“c”列中的内部表,它也可以工作 为什么colspan=3被忽略? 有什么想法吗?哇,好主意。。那太疯狂了。这似乎是Chrome中的一个bug。在这种特殊情况下,如果第三列(c)超出其15%的宽度,并从中间列(b)的宽度中减去,则第三列(c)似乎具有输入控件的宽
A.
B
C
小计:
$2,464.34
似乎是输入控件中的固定宽度导致了问题。如果我将500px更改为80%,它会神奇地正常工作。或者,如果我取出“c”列中的内部表,它也可以工作
为什么colspan=3被忽略?
有什么想法吗?哇,好主意。。那太疯狂了。这似乎是Chrome中的一个bug。在这种特殊情况下,如果第三列(c)超出其
15%
的宽度,并从中间列(b)的宽度中减去,则第三列(c)似乎具有输入控件的宽度。尝试增加猜怎么着!:)经过愚蠢的调查(3个小时的工作),我发现由于某种原因显示:表格单元格在chrome中被覆盖。所以只要广告表格单元格显示,一切都会好起来:)
编辑答案---------
所以在检查之后,似乎有些重置样式表将display:block放在了TDs上。因此,如果发生这种情况,您可以删除、编辑或覆盖该样式表。我在Chrome中没有这个问题,但我在iS中有这个问题,应该是一个注释,尽管您没有太多的重新计算。试着给出详细的解释性答案。哦,好吧。。。第一次:)谢谢你的留言。
<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>