首頁(yè) 猿問(wèn) css3...

css3 的多列布局排列瀑布流怎么頂部不對(duì)齊呢

CSS3 Html/CSS

驚艷消逝 2017-08-25 22:08:09

代碼結(jié)構(gòu)簡(jiǎn)單明了，沒(méi)有js代碼，都是html與css ，css3的多列布局，為什么會(huì)出現(xiàn)頂部不對(duì)齊的問(wèn)題，求大神解答，不要js處理，用純css解決

查看完整描述

8 回答

黃豆芽要當(dāng)學(xué)霸

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊

請(qǐng)問(wèn)樓主最后怎么解決的？？？

反對(duì) 回復(fù) 2018-06-05

驚艷消逝

TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超0個(gè)贊

間隔是這個(gè)屬性? column-gap

反對(duì) 回復(fù) 2017-08-26

驚艷消逝

TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超0個(gè)贊

每一列的寬度啊

反對(duì) 回復(fù) 2017-08-26

qq_安安_17
你寫(xiě)100%是一個(gè)相對(duì)值，你是哪個(gè)元素的100%？你這樣寫(xiě)百分比編輯器報(bào)錯(cuò)

回復(fù) 2017-08-26
qq_安安_17
不能寫(xiě)百分比，寫(xiě)px值也沒(méi)效果

回復(fù) 2017-08-26
驚艷消逝
這個(gè)100%，是父元素分兩列的寬，我試過(guò)了，去掉這個(gè)column-width屬性，頂部一樣沒(méi)有對(duì)齊

回復(fù) 2017-08-26

點(diǎn)擊展開(kāi)后面4條

關(guān)注