在項(xiàng)目中遇到了不規(guī)則圖片墻的布局問題 分析原理如下：

1.img display: block; 解決3px img標(biāo)簽bug

2.img 設(shè)置height 和width 不然會(huì)出現(xiàn) 下面的圖片如果先加載上面的圖片再加載時(shí) 會(huì)推動(dòng)圖片向下移動(dòng)

3.父div position: relative; 讓圖片價(jià)格可以相對(duì)絕對(duì)定位

4.子span position: absolute; right: 5px; bottom: 5px; 讓價(jià)格絕對(duì)父div定位

5.為了實(shí)現(xiàn)效果 把圖片div放到3列大div里

效果如下:

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表