空格占用CSS网格布局中的空间

Question

如果$(this).is(':contains("N/A")')返回true，我正在使用height函数替换位于CSS网格布局中的div中的文本。我的问题是我希望div继续占用空间，好像它确实包含文本。但是，它不会这样做，并且我的容器不占用文本存在时它所做空间的整个高度。有没有办法在不指定每行div的FrontPage.prototype.setState({ filterCategories: response }) 的情况下执行此操作？

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('');
}