加载页面完成后表格单元格缩小答案

【问题标题】：Table cell shrinks after finished Loading page加载页面完成后表格单元格缩小
【发布时间】：2017-06-15 02:46:02
【问题描述】：

所以我必须找到相同的页面。每个都在表格布局中显示一些文章。表格布局和 CSS 相同。然而，一页列出了数百篇存档文章，在加载大约 80% 后，包含所有文本的表格单元格缩小到实际行宽的 30% 左右。

但是，布局、属性、CSS 没有什么不同。包含正在缩小的单元格的行是正确的宽度。奇怪的是，即使我在有问题的单元格上添加了“width="100%"，它仍然比行宽少了大约 20%。

有什么想法、建议吗？

注意：我删除了文本，只留下了实际的布局和单元格/表格/行属性。正确的页面：

<tr>
  <td>
  <table width="100%" cellpadding="4">
    <tbody><tr>
     <td width="100%" valign="top" align="left">
       <a class="docnavigation" href="removed link ">
        <strong></strong>
        </a>
         <br>
          <span class="steelNewsArticleDate"> </span> - <span class="Normal">
         <br>
       </span>
     </td>
    </tr>
  </tbody>
</table>

问题页面：

<tr>
 <td>
  <table width="100%" cellpadding="4">
   <tbody><tr>
    <td width="100%" valign="top" align="left">
       <a href="removed link" class="docnavigation"> 
        <strong>  </strong>
        </a>
        <br>
        <span class="steelNewsArticleDate"></span> - <span class="Normal">
       <br>
       </span>
     </td>
   </tr>
  </tbody>
</table>

【问题讨论】：

标签： html html-table

【解决方案1】：

查看包含表格的<td> 的宽度。将宽度设置为 100% 只会告诉表格扩展到其容器宽度的 100%。

【讨论】：

我认为您在句子中遗漏了您所指的内容。唯一没有设置为 100% 宽度的是包含表格的 TD，我提到过（我想你也提到过）我已经尝试设置为 width="100%"。

【解决方案2】：

问题与 Wysiwyg 编辑器中缺少的标签有关，该编辑器错误地清理了一些不良 HTML。所以它强制将父行转换为子表行。

【讨论】：