删除隐藏中的空白区域并显示:无输入元素

时间:2013-04-05 21:52:28

标签: html css input hidden space

我有几行看起来像这样:

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

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

输入全部在表单中,如果这会产生影响。

2 个答案:

答案 0 :(得分:0)

它不是输入元素,而是html。如果您有如下设置:

text
<input>
more text

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

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

http://jsfiddle.net/ExplosionPIlls/cs63w/

答案 1 :(得分:0)

第1步:在div元素中添加代码,其id标记如下:

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

第2步:</html>标记之前在您的网页中添加此jQuery代码:

<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