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

Question

我有几行看起来像这样：

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

每个都增加了额外的空间，即使我使用了隐藏类型和显示：无。我开始认为这是 CSS 中的东西（http://www.pastebin.ca/2350649），但是在改变了一些东西之后也找不到导致它的原因。

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

score 0 · Accepted Answer

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

text
<input>
more text

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

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

score 0 · Accepted Answer

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

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

step2：在你的页面标签之前添加这个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 添加到您的网页单击此处。

2 回答 2