Chrome 以不同方式呈现表格单元格的宽度答案

【问题标题】：Chrome rendering a table cell's width differentlyChrome 以不同方式呈现表格单元格的宽度
【发布时间】：2016-10-25 05:40:54
【问题描述】：

我维护的网站在 Firefox 和 IE 中一切正常，但在 Chrome 中却没有。问题是该页面与 Chrome 的左侧边栏区域重叠。页面结构是为所有内容使用表格（这是无法更改的）。所以我的东西基本上是这样的：

<table>
<tr>
<td width="200">There is an iframe here that shows up normal</td>
<td width="40">This is a spacer image</td>
<td width="500">This is where the site's main content goes</td> 
</tr>

问题是所有东西都被推到左边，在弄乱了 Chrome 的“检查元素”功能之后，这是因为第一个 <td> 标记被渲染为 90 像素，无论我设置什么宽度.我玩过 display: block, display: inline-block 等，并试图弄乱样式表，但在 Chrome 中没有任何改变。

任何帮助或建议将不胜感激。

【问题讨论】：

给我们一个页面的网址，仅从您发布的代码中没有足够的信息。很可能有其他东西干扰了页面中的其他地方。
或者，使用jsfiddle.net 并给我们您的链接，向我们展示相关信息

标签： html google-chrome html-table

【解决方案1】：

因此，更改填充可以调整表格单元格，我只是添加了一个小脚本来检查浏览器是否为 chrome，并使用单独的样式表进行调整。尽管 Chrome 的渲染方式不同，但我仍然一无所知。

【讨论】：