洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷規(guī)律
作者:狐靈科技 | 2019-09-02 11:22 |點(diǎn)擊:
由于是響應(yīng)式布局,不能用css固定圖片的寬高,從代碼上看,這里每個(gè)圖文用的是li,而且每4個(gè)li是一排,我們只需要對(duì)第1個(gè)li 第5個(gè)li 第9個(gè)li 。。。就是每排的第1個(gè)li加入css代碼clear:left;即可
例如上面列子的
.portfolio-list li:nth-child(4n+5) { clear:left; }
這樣添加好css代碼后,可解決錯(cuò)位問(wèn)題