为什么需要在代码中"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;"。

当我擦除此样式元素时，屏幕上出现复选框但是这些功能没有正常工作。

这是怎么回事？为什么需要"显示：无">？

请帮忙

Answer 1

在这种情况下，它只是隐藏复选框。 什么时候

style = "display:none;" 

，页面将显示为该项目

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

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

style = "visibility:hidden;"  

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

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