javascript - jQuery 在添加元素之前表现得很奇怪

标签 javascript jquery html css

请前往jsfiddle:here 。 单击最后一张带有“+”号的图像,这将打开一个带有“添加”按钮的弹出窗口,请单击它。

问题是,我无法弄清楚,为什么如果我添加多个元素(多次点击 ADD ,比如 4-5 次),新元素之间的距离会更小比预定义元素之间的距离?我使用相同的 CSS、相同的 HTML 结构。

最佳答案

原因是<li>标签具有自然间距。

您有几个选择:

  • 要么停止使用 li 标签,而使用其他标签。
  • <li>每行的标签,就像它应该的那样。
  • 改变自然 <li>行为

li { display: table; }

编辑: 正如 Florin 提到的,另一种选择是:

a {
  float: left
}

无论如何,这都是关于 li 的行为。有很多方法可以解决。

关于javascript - jQuery 在添加元素之前表现得很奇怪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33933715/

相关文章:

Javascript 数组 ID

javascript - 获取不断变化的图像宽度的即时更新

javascript - 单击时将表格单元格从跨度更改为输入

html - 我正在修复表格的前 2 列,但设计不正确

javascript - 如何使用动画 css3 将 div 放入框中?

javascript - 如何根据字段名(jQuery)在 SharePoint 显示表单中隐藏字段?

javascript - Facebox 弹出窗口 + asp.net 按钮回发问题

javascript - 使用单选按钮通过 Jquery 显示内容

javascript - Facebook 登录中电子邮件的未定义值

html - 零碎的 : How to scrape <ul> <li>