在两个<input />元素之间添加默认空格

时间:2013-09-02 18:04:31

标签: javascript css forms whitespace

我正在使用CMS生成的HTML。

生成的HTML如下

<input id="something" type="text"><input type="submit" value="Search">

而不是

<input id="something" type="text">
<input type="submit" value="Search">

导致这个:

enter image description here

而不是默认值:

enter image description here

有没有办法可以通过CSS或javascript在我的所有输入/表单元素之间添加默认的空格?

更喜欢它是YUI还是普通的javascript。

谢谢!

编辑:我不想只是添加一个边距,因为某些输入元素DO具有默认的空格。它只是没有它输出的代码。 Srry!

4 个答案:

答案 0 :(得分:2)

这似乎对我有用:

$('input').after(" ");

答案 1 :(得分:0)

你需要留一个保证金

 #something{margin-right:15px;}

答案 2 :(得分:0)

您应该避免这样做并了解有关CSS策略的更多信息,例如:margin and padding

答案 3 :(得分:0)

只需在所有文字输入中添加margin-right

即可

http://jsfiddle.net/weissman258/2NSZJ/