空白在CSS网格布局中占用空间

Question

如果$(this).is(':contains("N/A")')返回true我正在使用.text()函数替换位于CSS网格布局中的div中的文本。 我的问题是，我希望div继续占用空间，就像它确实包含文本一样。 但是，它不会这样做，并且如果出现文本，我的容器不会占据它所占空间的全部高度。 没有指定每行div的height ，有什么方法可以做到这一点？

Answer 1

您可以使用visibility: hidden隐藏元素，同时保留边界：

 function hide() { document.getElementsByTagName('span')[0].className = 'hidden'; } 

 div { background: orange; border: solid 3px black; } .hidden { visibility: hidden; } 

 <div> <span>Lorem ipsum</span> </div> <button onclick="hide()">Hide</button> 

Answer 2

尝试这样：

if($(this).is(':contains("N/A")'))
{
    var w = $(this).width();
    $(this).attr('style','min-width:'+w);
    $(this).text('');
}