javascript - 输入之间的 BR 标签不会换行

标签 javascript jquery html css

<分区>


关闭 4 年前

我有一行输入(来自 button 类型),我想在每 3 个输入之间创建一个行间距。 所以我做了这个:

for(var i = 1; i <= 9; i++) {
  if(i%3 == 0) $('#input' + i).before('<br>');
}

按钮保持在原位。图像: enter image description here

有人有想法吗?

编辑:

问题出在 CSS 上,我将主 div 的 display 设置为 inline-grid。感谢所有尝试帮助的人。

最佳答案

附加<br>button之后不是之前。

for (var i = 1; i <= 9; i++) {
  if (i % 3 == 0)
    $('#input' + i).after('<br>');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="input1">a</button>
<button id="input2">b</button>
<button id="input3">c</button>
<button id="input4">d</button>
<button id="input5">e</button>
<button id="input6">f</button>
<button id="input7">g</button>
<button id="input8">h</button>
<button id="input9">i</button>

关于javascript - 输入之间的 BR 标签不会换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54783785/

上一篇:css 涂鸦抛出 Angular 错误?

下一篇:php - 如何将 css 写入 php 代码段

相关文章:

Javascript 图表不从 mysql 填充数据

javascript - KnockoutJS 可按字段排序组 observableArray 并有条件地排序

javascript - 如何阻止提交但仍验证必填字段?

javascript - 按字母顺序对一行中的数字进行排序

javascript - 如何使用 Firebug 从特定站点获取 Javascript 函数的源代码?

javascript - 如何将点击功能添加到 gmap3 功能?

javascript - Array.fill().map() 在 react 中不起作用

html - 强制两个链接之间留空?

javascript - 转到下一页 - 按钮

javascript - 查找最后一次匹配出现的索引