html - CSS "Display:None"在我的投资组合页面上留下空间

Question

我正在使用带有 OTW Portfolio Lite 的 wordpress 网站。我将其设置为任何受密码保护的元素都将设置为显示:无

我的 CSS 代码:

.otw-portfolio li.post-password-required {
    display: none !important;
}

我的 HTML 代码:

<li data-id="id-test-portfolio-item" data-type="video " class="post-247 otw-portfolio type-otw-portfolio status-publish post-password-required hentry otw-portfolio-item">
     <article class="post-247 otw-portfolio type-otw-portfolio status-publish post-password-required hentry otw-portfolio-item" id="post-247">
    ...
    </article>
</li>

你可以在这里看到发生了什么:http://www.studiobenna.com/portfolio/

基本上，我在受密码保护的帖子所在的位置(CDW 和 Cheetos Random 之间)得到一个空白区域。如果我通过将其设置为较旧的日期将其移动到最后，它就会消失，但我需要能够在任何日期发布它并且不让它出现。我认为这与网格的设置方式有关，但我不确定如何修复它。如果您有任何想法，请告诉我。

谢谢，

马特

Answer 1

是因为这一行:

.block-grid.three-up > li:nth-child(3n+1) {
  clear: both;
}

你可以删除它。