自拍亚洲一区欧美另类,亚洲成人影院,亚洲午夜久久久久妓女影院,最近中文字幕高清中文字幕无,亚洲熟妇av一区二区三区漫画

互聯(lián)網(wǎng)知識(shí)

精準(zhǔn)傳達(dá) ? 價(jià)值共享

洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷(xiāo)規(guī)律

css3響應(yīng)式圖片列表高度不同導(dǎo)致頁(yè)面錯(cuò)位解決方法

作者:狐靈科技 | 2019-09-02 11:22 |點(diǎn)擊:

響應(yīng)式圖片列表高度不同導(dǎo)致頁(yè)面錯(cuò)位

前端html代碼分析

 

由于是響應(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)題

如沒(méi)特殊注明,文章均為狐靈科技原創(chuàng),轉(zhuǎn)載請(qǐng)注明?? "css3響應(yīng)式圖片列表高度不同導(dǎo)致頁(yè)面錯(cuò)位解決方法
多一份免費(fèi)策劃方案,總有益處。

請(qǐng)直接添加技術(shù)總監(jiān)微信聯(lián)系咨詢(xún)

網(wǎng)站設(shè)計(jì) 品牌營(yíng)銷(xiāo)

多一份參考,總有益處

聯(lián)系狐靈科技,免費(fèi)獲得專(zhuān)屬《策劃方案》及報(bào)價(jià)

咨詢(xún)相關(guān)問(wèn)題或預(yù)約面談,可以通過(guò)以下方式與我們聯(lián)系

業(yè)務(wù)熱線:15082661954 / 大客戶(hù)專(zhuān)線:15523356218