Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
div上的jQuery clone()对其进行了奇怪的定位_Jquery_Css_Jquery Clone - Fatal编程技术网

div上的jQuery clone()对其进行了奇怪的定位

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。这是由显示:内联块完成的。有几种不同的方法可以

我在body中有一个空div,带有以下CSS:

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());
}