文章詳情頁(yè)
前端 - flex布局采用space-around這種方法,但是最后一行如何讓他左對(duì)齊?
瀏覽:106日期:2024-05-19 11:53:03
問(wèn)題描述
如圖最好那兩個(gè)怎么讓他左對(duì)齊?
問(wèn)題解答
回答1:不用space-around,就使用的flex-start就可以, 注意加上flex-wrap:wrap
回答2:樓主這種情況,我覺(jué)得用float布局比較好,如果還是用flex,同意樓上的說(shuō)法.
回答3:樓上說(shuō)的對(duì),這種直接百分比計(jì)算下就好了,沒(méi)必要flex。http://runjs.cn/code/3nq7qacp
回答4:那我計(jì)算下。謝謝了
回答5:如果每個(gè)item寬度相同的話(huà),那么可以添加幾個(gè)空白占位item,保持每行的列數(shù)相同即可
回答6:flex 配合百分比使用。
若 justify-content: space-around;,需要添加空白占位元素。
若 justify-content: flex-start;,不需添加額外元素。
item 內(nèi)部 text-align: center; 實(shí)現(xiàn)居中。
排行榜

熱門(mén)標(biāo)簽