解決使用justify-content: space-between只有兩長圖片時,圖片會排在容器的兩側

在使用flex佈局的時候很方便,可是也會存在不少問題,好比space-between的Bug,解決的辦法就是給設置display: flex的父元素添加兩行樣式即:佈局

 

content: ' ',flex

width: ' 這個寬度是子元素的寬度'spa

上面的方法也是我在別人的博客中看到的,可是並無幫我解決項目中的問題,如下是我的經驗分享:博客

經過這樣的方法確實能夠解決在一行只有兩個元素的時候兩個盒子分佈在父元素的兩側,可是兩個盒子之間的間距仍是太大,最後的解決方案是,不設置justify-content:space-between,給每一個元素設置maigin-left;這樣的不管是隻有兩個元素仍是多個元素,他們之間的間距都是均勻的方法

相關文章
相關標籤/搜索