Question

<div class="row">
    <div class="large-12 columns">
        <div class="row collapse featured-option">
           <input id="featured" name="featured" type="checkbox" style="display: none;" <?php echo esc_attr( $featured_disabled ); ?>>
           <span class="custom checkbox <?php echo esc_attr( $featured_disabled ); ?>"></span> <?php echo sprintf( __( 'Feature Proposal %s', APP_TD ), sprintf( _n( '(1 credit)', '(%d credits)', hrb_required_credits_to('feature_proposal'), APP_TD ), hrb_required_credits_to('feature_proposal') ) ); ?>
        </div>
    </div>
</div>

我正在尝试编辑此 wordpress主题代码，以便将其用于我自己的网站。但我不知道为什么这里需要style="display: none;"。

当我删除此样式元素时，我会在屏幕上显示复选框但功能没有按预期工作。

这有什么问题？为什么需要“display：none”？

请帮忙

Answer 1

在这个例子中，它只是隐藏了复选框。什么时候

style = "display:none;"

使用

，页面将显示为该项目不存在。这意味着页面的布局不会显示“洞”或缺少该项的内容。换句话说，布局不会受此影响。

隐藏某些东西的另一种方法是，

style = "visibility:hidden;"

但是，页面布局会受到影响，隐藏的项目仍会占用相同的空间。

根据尝试完成的内容，可能会出于不同原因隐藏该复选框。此代码的程序员可能希望默认隐藏此复选框，然后在某些事件发生后稍后显示。此外，有时候最好在需要时显示和隐藏对象，或者不需要它们而不是不断地重新创建或删除它们。

为什么代码中需要“display：none”？

1 个答案: