【问题标题】:How to remove particular cell from HTML table?如何从 HTML 表格中删除特定单元格?
【发布时间】:2013-03-26 02:29:16
【问题描述】:

假设我有 HTML 表格,我想从 HTML 表格中删除一个单元格,如下所示:

我已将单元格边框颜色更改为白色,因为整个表格的边框颜色为黑色,因此显示为灰色。问题是我无法删除表格边框,所以我使用了 border-collapse:collapse

那么如何更改它以使边框颜色保持黑色并且单元格不出现在表格中?

【问题讨论】:

    标签: css html html-table cell


    【解决方案1】:

    这对我有用,只需尝试将样式属性放在您希望没有边框且边框大小属性为零像素的单元格中:

    <td style="border:0px"></td>
    

    【讨论】:

      【解决方案2】:

      您可以通过将visibility 设置为hidden 来隐藏单元格。

      http://jsfiddle.net/S5tnv/

      CSS

      td {
          visibility: hidden;
      }
      

      【讨论】:

        【解决方案3】:

        你会使用这样的东西:

        table tr:last-child td:first-child { display: none; }
        

        【讨论】:

        • 嘿,但它只删除表的最后一个 td
        • @lata 它只是隐藏,没有删除
        • @user1479606: 是的,如果单元格被删除,那么默认情况下后面的单元格将向左移动
        • @lata 尝试使用可见性:隐藏;而不是显示:无; “使其不可见”,同时将其他单元格保持在其右侧(而不是让它们折叠到第一个单元格的位置)。
        猜你喜欢
        • 2015-10-14
        • 1970-01-01
        • 1970-01-01
        • 2011-10-12
        • 1970-01-01
        • 1970-01-01
        • 2017-05-11
        • 2021-07-14
        • 2020-03-11
        相关资源
        最近更新 更多