代码之家  ›  专栏  ›  技术社区  ›  MartinMlima

将Chrome升级到v65会导致表格内容从列标题向右移出

  •  2
  • MartinMlima  · 技术社区  · 6 年前

    以前在Chrome中显示为这样的表:

    ----------------------------------
    | Header A | Header B | Header C |
    ----------------------------------
    | Item 1   |          |          |
    ----------------------------------
    | Item 2   | Stuff 1  |  Stuff 2 |
    ----------------------------------
    

    。。。将Chrome升级到v65后,现在显示如下:

    ---------------------------------------------
    | Header A | Header B | Header C |          |
    ---------------------------------------------
    | Item 1   | Item 2   | Stuff 1  |  Stuff 2 |
    ---------------------------------------------
    

    Firefox v59也以最后一种方式呈现表格,因此这可能只会突然影响那些只有Chrome系统的用户。

    源代码可能如下所示:

    <table>
     <tr> <th>Header A</th><th>Header B</th><th>Header C</th> </tr>
     <tr> <td rowspan="0">Item 1</td> </tr>
     <tr> <td rowspan="1">Item 2</td><td>Stuff 1</td><td>Stuff 2</td></tr>
    </table>
    
    1 回复  |  直到 6 年前
        1
  •  0
  •   Ivar    6 年前

    用于渲染具有属性的行的Chrome rowspan="0" 0高度或1高度。Chrome v65现在按照 html spec here 。这意味着该条目现在填充第一列,将所有后续条目推到下一列,然后向右移出。

    例如,这可能是由html呈现器造成的,html呈现器根据子项列表计算单元格可能需要的行数,而该列表为空。(例如,改进基金会的struts布局就是这样做的;它似乎自2011年以来就没有维护过,现在尝试在网站上注册失败了)