我正在尝试使用CSS创建正方形的“网格”。到目前为止,我已经试过:如何用CSS创建一个正方形数组的新行
.square {
display: block;
float: left;
border: 1px solid black;
width: 50px;
height: 50px;
margin: 30px;
}
<div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
</div>
<div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
</div>
然而,这只是显示在连续6个格。不过,我想每行都有两排3格。为什么包含div
没有'正常'的行为,他们显示在彼此之下?
尝试写在所提供的插件的jsfiddle你的问题。 – Adriano
尊敬的是,你的例子中没有方阵。这是几个'div'元素。请参阅CSS的新Grid或CSS Flexbox,具体取决于您的需要。 –