當使用flex佈局,一行三列時,使用 justify-content: space-between;
當最後一行只有兩個元素時,中間會留空。
解決辦法:
給父元素增加偽元素:
ul::after{
content: '';
width: 子元素寬度;
}
即使最後一行正好三列時,也不會影響佈局
當使用flex佈局,一行三列時,使用 justify-content: space-between;
當最後一行只有兩個元素時,中間會留空。
解決辦法:
給父元素增加偽元素:
ul::after{
content: '';
width: 子元素寬度;
}
即使最後一行正好三列時,也不會影響佈局