【问题标题】:Add default whitespace between two <input> elements在两个 <input> 元素之间添加默认空格
【发布时间】:2013-09-05 21:13:30
【问题描述】:

我正在处理由 CMS 生成的 HTML。

生成的HTML如下

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

而不是

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

导致这种情况的原因:

代替默认值:

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

如果是 YUI 或纯 javascript,我会更喜欢。

谢谢!

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

【问题讨论】:

  • 这不是同一个问题:(它们是相当不同的。
  • 感谢 serge,但我无法更改 HTML :(
  • 但是你改变了 HTML :)

标签: javascript css forms whitespace


【解决方案1】:

这似乎对我有用:

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

【讨论】:

  • 感谢大家的帮助,我以后也会记住负边距的!
【解决方案2】:

你需要留一个边距

 #something{margin-right:15px;}

【讨论】:

    【解决方案3】:

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

    【讨论】:

      【解决方案4】:

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

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

      【讨论】:

      • 我想添加默认空白,边距不是解决方案:(