在使用flex布局的時候很方便,但是也會存在很多問題,比如space-between的Bug,解決的辦法就是給設置display: flex的父元素添加兩行樣式即:
content: ' ',
width: ' 這個寬度是子元素的寬度'
上面的方法也是我在別人的博客中看到的,但是並沒有幫我解決項目中的問題,以下是個人經驗分享:
通過這樣的方法確實可以解決在一行只有兩個元素的時候兩個盒子分布在父元素的兩側,但是兩個盒子之間的間距還是太大,最后的解決方案是,不設置justify-content:space-between,給每個元素設置maigin-left;這樣的不論是只有兩個元素還是多個元素,他們之間的間距都是均勻的