html – 使用colspan无效的TD宽度(Chrome)_html-js-css

概述以下代码无法在Chrome中正确呈现顶行(IE8渲染正常,我还没有在其他浏览器中测试过) <head></head><body><table width="100%" border="1"> <tr> <td width="15%">a</td> <td width="70%">b</td> <td width= 以下代码无法在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">,464.34</td>                    </tr>                    </table>            </td>    </tr>    <tr>            <td colspan="3">                    <input type="text"  />            </td>    </tr>    </table></body>

似乎input控件中的固定宽度导致了问题.如果我将500px改为80％,它会神奇地正常工作.或者,如果我在“c”列中取出内部表,它也可以.

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

解决方法你猜怎么着！ :)经过愚蠢的调查(3小时工作)我发现由于某种原因显示：表格单元格被覆盖铬.所以只是广告表格单元格显示,一切都会很好:).

编辑答案———所以在检查之后似乎有些重置样式表将display：block放在TD上.因此,如果确实发生了这种情况,您可以删除该样式表,编辑或覆盖它.

总结

以上是内存溢出为你收集整理的html – 使用colspan无效的TD宽度(Chrome)全部内容，希望文章能够帮你解决html – 使用colspan无效的TD宽度(Chrome)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1054025.html