隐藏 HTML 元素，使其不占用任何空间答案

【问题标题】：Hide HTML element so it does not take up any space隐藏 HTML 元素，使其不占用任何空间
【发布时间】：2012-01-21 00:22:06
【问题描述】：

谁能解释我如何修改下面显示的第二个输入 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 占用了我的表单空间，我不希望它占用任何空间。谢谢。

【问题讨论】：

标签： html forms input

【解决方案1】：

使用display: none;，如图：

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

参考：

The CSS display property。

【讨论】：

【解决方案2】：

display:none in stead of visibility:hidden

【讨论】：

【解决方案3】：

使用style="display:none;" 代替visibility:hidden

visibility:hidden 留出空间。

【讨论】：

【解决方案4】：

您可以使用 CSS 设置输入的样式，并通过其 id 标签定位它。

在您的.css 文件中：

#county_no { display: none; }

应避免样式化 HTML 内联。

【讨论】：