在jquery中转换网格

Question

问题是我订购了列表项目产品如下：

现在，我想将上面的列表转换为网格跟随：

使用Jquery + HTML + CSS。如何转换它。谁能帮我。谢谢亲

Answer 1

使用你内部的数字创建内联块div。

＆＃13;

＆＃13;

.col{
  display:inline-block; 
}
.col div{
  border:2px solid black;
  width:50px; 
}

＆＃13;

<div class="col">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div>
<div class="col">
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
</div>
<div class="col">
  <div>9</div>
  <div>10</div>
  <div>11</div>
  <div>12</div>
</div>

＆＃13;

＆＃13;

＆＃13;