html - 隐藏 HTML 元素，使其不占用任何空间

Question

有人可以解释我如何修改下面显示的第二个输入 ID，使其在页面上不可见并且不占用页面上的任何空间吗？

    <section>
    <label for="muni">Municipality</label>
    <div>
    <input id="county_select" type="text" />
    <input id="county_no" type="text" value="" disabled="disabled" style="visibility:hidden" />
    </div>
    </section>

目前，第二个输入 ID 占用了我的表单空间，我不希望它占用任何空间。谢谢。

Answer 1

使用display: none;，如图:

<input id="county_no" type="text" value="" disabled="disabled" style="display: none;" />

引用:

• The CSS display property .