删除隐藏和显示中的空白：无输入元素答案

【问题标题】：Remove white space in hidden and display:none input elements删除隐藏和显示中的空白：无输入元素
【发布时间】：2014-09-21 18:26:24
【问题描述】：

我有几行看起来像这样：

<input type="hidden" name="email" value="email@email.com" style="display:none" >

每个都增加了额外的空间，即使我使用了类型 hidden 和 display:none。我开始认为这是 CSS (http://www.pastebin.ca/2350649) 中的某些东西，但是在更改了一些东西之后也找不到导致它的原因。

输入都在一个表单中，如果有区别的话。

【问题讨论】：

【解决方案1】：

不是输入元素，而是html。如果你有这样的设置：

text
<input>
more text

呈现文本和输入元素之间的换行符/空格。

最简单的解决方案当然是在发出 html 时删除该空格。如果您不能这样做，一个技巧是将font-size: 0 添加到容器中，并将font-size ? 添加到要显示的各个元素中。

【讨论】：

【解决方案2】：

第 1 步： 将代码添加到 div 元素中，并带有如下 id 标签：

<div id="remove_br"><input type="hidden" name="email" value="email@email.com" style="display:none" ></div>

第二步：在你的页面中添加这个jQuery代码</html>标签：

<script type="text/javascript">
$("#remove_br").find('br').remove()
</script>

注意：不要忘记添加调用jQuery的代码

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

对于初学者程序员：如果您不想自己下载和托管 jQuery，您可以从 CDN（内容交付网络）中包含它。

 <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

将 jQuery 添加到您的网页 click here.

【讨论】：