表格之间的空间

Question

您好，请参阅下面的演示。我无法弄清楚如何摆脱第一种形式之间的空间？！任何帮助将不胜感激:)）

jsFiddle Demo

Answer 1

绝对最简单的解决方法是删除HTML中的空格。

请参阅： http://jsfiddle.net/WYS2g/10/

<input type="text" name="friend_name[]" class="friendid">

    <input type="text" name="friend_email[]" class="friendid"/>

为：

<input type="text" name="friend_name[]" class="friendid"><input type="text" name="friend_email[]" class="friendid"/>

Answer 2

摆脱HTML中输入之间的空格：

http://jsfiddle.net/WYS2g/8/

Answer 3

使用CSS进行简单修复：

#friendlist input {
    float:left;
}
#friendlist {
    overflow:auto;
}

工作演示：http://jsfiddle.net/AlienWebguy/WYS2g/16/

现在您不必担心在编辑器中破坏HTML语法的格式以适应浏览器的怪癖。