div上的jQuery clone()对其进行了奇怪的定位
我在body中有一个空div,带有以下CSS:div上的jQuery clone()对其进行了奇怪的定位,jquery,css,jquery-clone,Jquery,Css,Jquery Clone,我在body中有一个空div,带有以下CSS: div{ border: 1px solid black; width: 100px; height: 100px; display: inline-block; } 然后,我使用jQuery克隆元素几次。结果是,为什么原始块占用了额外的边距?是显示:内联块这样做的。有几种不同的方法可以解决这个问题,很多方法已经涉及到这个问题 我的首选方法是在容器上设置字体大小:0。这是由显示:内联块完成的。有几种不同的方法可以
div{
border: 1px solid black;
width: 100px;
height: 100px;
display: inline-block;
}
然后,我使用jQuery克隆元素几次。结果是,为什么原始块占用了额外的边距?是
显示:内联块
这样做的。有几种不同的方法可以解决这个问题,很多方法已经涉及到这个问题
我的首选方法是在容器上设置
字体大小:0
。这是由显示:内联块
完成的。有几种不同的方法可以解决这个问题,很多方法已经涉及到这个问题
我的首选方法是在容器上设置
字体大小:0
。这就是显示:内联块的问题所在。我通常用字体大小:0
来解决这个问题。
这就是显示:内联块的问题所在。我通常用字体大小:0
来解决这个问题。
有许多方法可以消除内联块之间的空格
在下面的链接下可以找到包含许多示例的最佳资源:
不操纵css的HTML示例如下(例如):
- 一
>两个
>
- 三个
或:
-
一个
两个
三
有许多方法可以消除内联块之间的空格
在下面的链接下可以找到包含许多示例的最佳资源:
不操纵css的HTML示例如下(例如):
- 一
>两个
>
- 三个
或:
-
一个
两个
三
这实际上是由于.append()
方法注入了空白。你会得到这样的结果:
<body style="">
<div></div>
<div></div>...
在克隆之前没有额外的空白这实际上是由于.append()
方法注入了空白。你会得到这样的结果:
<body style="">
<div></div>
<div></div>...
在克隆之前没有额外的空白这里有点矛盾,这是一个相当简单的问题,但是你还是得出了第一个答案。尽管@moredems首先给出了答案,但没有链接。而且他确实有一把剑。嗯,是的,编辑现有的小提琴肯定需要更多的时间来回答。我认为在没有发布代码的情况下向小提琴添加链接没有任何好处,因此选择了无代码和无小提琴:-)呵呵:)当你的两个问题都出现时,我正在观看。他未经编辑就在原文中占了上风。呃,不要紧。他得到选票主要是因为他有正确的答案,只有50个代表,而你有…:普拉瑟在这里很矛盾,这是一个相当简单的问题,但是你仍然给出了第一个答案。尽管@moredems首先给出了答案,但没有链接。而且他确实有一把剑。嗯,是的,编辑现有的小提琴肯定需要更多的时间来回答。我认为在没有发布代码的情况下向小提琴添加链接没有任何好处,因此选择了无代码和无小提琴:-)呵呵:)当你的两个问题都出现时,我正在观看。他未经编辑就在原文中占了上风。呃,不要紧。他得到选票主要是因为他有正确的答案,只有50个代表,而你有…:PCare要解释为什么这被降级?如果用复制的例子加强它是更好的行为,那么只链接的答案是不好的。。。无论如何,信息的thx…想解释一下这被降级的原因吗?只有链接的答案是不好的,如果用复制的例子加强它是更好的行为。。。无论如何,信息都是thx…但是你确实会在克隆行之间得到空白,这在@moredems fiddle中是不存在的。@andyb-不,你没有。任何空格都会出现在最后一个克隆之后。是的,空格这个词的选择很糟糕。我的意思是,当把@moredems fiddle和你的fiddle进行比较时,结果明显不同,对于这种布局,我怀疑OP不希望框的任何边之间有间隔。但是你确实得到了克隆行之间的空白,这在@moredems fiddle中是不存在的。@andyb-不,你没有。任何空格都会出现在最后一个克隆之后。是的,空格这个词的选择很糟糕。我的意思是,当把@moredems fiddle和你的小提琴进行比较时,结果明显不同,而且这种布局我怀疑OP希望盒子的任何一边都没有间隔。非常感谢你的回答!谢谢你的回答!
<body style="">
<div></div>
<div></div>...
for (var i = 0; i < 20; i++){
$("div:first").after($("div:first").clone());
}