我創建了兩個不同尺寸的圓的網格,我有創造界的一個新行沒有它留下缺口的問題(在我的代碼所示) 我試圖得到它以類似於此:響應格做出來的圓圈
這裏是我的代碼:
ul {
width:97%;
height:100%;
}
li.small {
float: left;
margin: 12px;
overflow: hidden;
width:200px;
height:200px;
background-color:palegreen;
border-radius: 50%
}
li.big {
float: left;
margin: 10px;
overflow: hidden;
width:460px;
height:460px;
background-color:black;
border-radius: 50%
}
<ul>
<li class="small"></li>
<li class="small"></li>
<li class="small"></li>
<li class="small"></li>
<li class="big"></li>
<li class="small"></li>
<li class="small"></li>
<li class="small"></li>
<li class="small"></li>
</ul>
據我所知,現在有些反應,如它崩潰,BU我希望它摺疊成只有2列。
在此先感謝任何人誰願意幫助!
是確定以更改HTML? –
是的!繼續 – johnstont05