精品国产免费观看久久久_久久天天躁狠狠躁夜夜爽_无码人妻少妇久久中文字幕_狠狠做深爱婷婷久久综合一区

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

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

洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷規(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)系咨詢

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

多一份參考,總有益處

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

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

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