Jquery 为什么附加元素会删除元素之间的空间？

我已经应用了

appendTo（）

jquery函数，但是我想知道为什么图像之间没有空格。您可以在演示中看到附加的图像正在消除间隙

var m = $('#main');
m.find('img:lt(3)').clone().appendTo(m);

---

---

好的，我现在知道了。但我怎样才能附加空格呢？

尝试添加float:left；在img类css中，尝试添加float:left；在img类css中，由于您仅克隆

图像

，因此在每个

图像

中使用了

换行符

，因此

克隆

仅针对

图像

而非

换行符

如果看到不带

换行符的

，则会看到它们之间有

空格

您希望为每个

图像
提供相同的空间
，然后使用
填充：3px
类似

img{
    width: 100px; 
    padding:3px;
}

var m = $('#main');
var n=m.clone();
n.find(':gt(2)').remove();
$(n.html()).appendTo(m);


更新后，您可以通过
jquery
进行操作，而无需像

img{
    width: 100px; 
    padding:3px;
}

var m = $('#main');
var n=m.clone();
n.find(':gt(2)').remove();
$(n.html()).appendTo(m);


但是如果在
jquery
中没有必要，我建议使用
CSS
，因为您只克隆
图像
请看，您在每个
图像
中都使用了
换行符
，因此
克隆
只针对
图像
而不是
换行符

如果看到不带
换行符的
，则会看到它们之间有
空格
您希望为每个
图像
提供相同的空间
，然后使用
填充：3px
类似

img{
    width: 100px; 
    padding:3px;
}

var m = $('#main');
var n=m.clone();
n.find(':gt(2)').remove();
$(n.html()).appendTo(m);


更新后，您可以通过
jquery
进行操作，而无需像

img{
    width: 100px; 
    padding:3px;
}

var m = $('#main');
var n=m.clone();
n.find(':gt(2)').remove();
$(n.html()).appendTo(m);


但是我建议使用
CSS
如果在
jquery
中没有必要，如果您希望图像之间有一个可控的间隙，那么请对图像应用边距或填充

浏览器会在HTML中有空白的两个图像之间留出一段距离。以编程方式添加图像时，图像之间没有空格，因此没有间隙

您甚至可以通过设置字体大小0或消除HTML中的空白，将现有空白缩小为零

img {
    width: 100px;
    padding: 3px;
}

#main {
    font-size: 0;
}

这里演示了所有图像之间的等间距：
如果希望图像之间的间距可控，请在图像上应用边距或填充

浏览器会在HTML中有空白的两个图像之间留出一段距离。以编程方式添加图像时，图像之间没有空格，因此没有间隙

您甚至可以通过设置字体大小0或消除HTML中的空白，将现有空白缩小为零

img {
    width: 100px;
    padding: 3px;
}

#main {
    font-size: 0;
}

以下是所有图像之间相等间距的演示：
Jquery克隆消除html元素之间的空格/换行。
Jquery克隆消除html元素之间的空格/换行。
间隙来自HTLML标记中的空白
appendTo
不添加任何空白。空白来自HTLML标记中的空白
appendTo
不添加任何空格。但有边距和填充不会显示相等的空格@C-Link-你应该去掉原始图像中的空白，这样你就可以用填充或边距来平等地控制它们。那么它们将是相同的。查看此演示：@C-Link-演示链接添加到我之前的评论和我的答案中。没有字体大小，还有其他想法吗：0@C-链接-您可以通过编程方式删除图像之间的文本节点，或者删除HTML中图像之间的所有空白，但是我发现在图像周围放一个div并在那里使用
font-size:0
更容易。对我来说每次都很好。但是有边距和填充并不能显示所有的空间@C-Link-你应该去掉原始图像中的空白，这样你就可以用填充或边距来平等地控制它们。那么它们将是相同的。查看此演示：@C-Link-演示链接添加到我之前的评论和我的答案中。没有字体大小，还有其他想法吗：0@C-链接-您可以通过编程方式删除图像之间的文本节点，或者删除HTML中图像之间的所有空白，但是我发现在图像周围放一个div并在那里使用
font-size:0
更容易。我每次都能正常工作。那么，我怎样才能用换行符附加元素呢？我怎样才能用换行符附加元素呢