Question

我正在使用像这样的表格

<tbody>
    <tr class="grid_row_content">
        <td class="gridCell">
            <div class="componentswitcher">
            <div style="display:none;"></div>
            </div>
        </td>
    </tr>
    <tr class="grid_row_spacer"></tr>
    <tr class="grid_row_content">
        <td class="gridCell">
            <div class="componentswitcher">
            <div style="display:none;"></div>
            </div>
        </td>
    </tr><tr class="grid_row_spacer"></tr>
</tbody>

两个tr之间的间距我有一个tr类＆＃34; grid_row_spacer＆＃34;有css {身高：4px} 当它高于tr并且没有任何高度时，它甚至会占据它的高度，就像这样。我需要一个css for＆＃34; grid_row_spacer＆＃34;

，当它高于tr时，它会占据它的高度。

建议请

Answer 1

您可以使用CSS选择器:empty根据它是否为空来修改元素，但这适用于没有子元素的空元素，如https://jsfiddle.net/entio/rmyqf0jo/1/

如果您可以根据其内容更改表的标记，即将一些类添加到空元素，例如：

<tr class="grid_row_content empty">
    ...
</tr>
<tr class="grid_row_spacer"></tr>

然后您只使用.grid_row_content.empty + .grid_row_spacer { display: none; }

我担心仅使用CSS解决方案是不可能实现的。

CSS技巧 - 如果上面的tr是空的，如何隐藏一个tr

1 个答案: