用CSS隐藏空表(带空格)

时间:2019-05-07 14:10:18

标签: html css html-table laravel-blade

我正在使用Blade来向某些表填充内容,但是在某些情况下,当没有任何内容可填充时,表可能最终会变空。

这是php / blade模板的一部分:

<table class="table">
    @isset ($content->client)
    <tr>
        <td>
            Client:
        </td>
        <td class="text-right">
            {{ $content->client }}
        </td>
    </tr>
    @endisset
    @isset ($content->published)
    <tr>
        <td>
            Published:
        </td>
        <td class="text-right">
            {{ $content->published }}
        </td>
    </tr>
    @endisset
</table>

如果未设置$content->client$content->published,则结果如下:

<table class="table">
                            </table>

在这种情况下,是否有一种简单的CSS方式可以完全删除表? 我熟悉:empty选择器,但显然如果标签中有空格:(

2 个答案:

答案 0 :(得分:2)

如果两个变量中的任何一个为空,我建议不要打印该表。

<?php  
if( isset($content->client) || isset($content->published))
{
//    echo table
}
?>

答案 1 :(得分:0)

您尝试过:blank吗?它还会选择空白,而:empty不会选择空白。