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

时间:2010-11-22 18:30:14

标签: html html-table

所以我必须使用相同的页面。每个都在表格布局中显示一些文章。表格布局和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>

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

问题与Wysiwyg编辑器中丢失的标签错误地清理了一些错误的HTML有关。所以它强制将父行放到子表行中。