为什么在代码中需要 "display:none" ？

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;"

被使用时，页面将显示为该项目不存在。这意味着页面布局不会显示 "hole" 或缺少该项目的内容。换句话说，布局不会受此影响。

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

style = "visibility:hidden;"

但页面布局会受到影响，隐藏项仍会占用相同space。

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

为什么在代码中需要 "display:none" ？

Why need "display:none" here in the code?

css

wordpress

display