对齐元素使用空格,但是如果元素较少,则向左对齐

时间:2019-04-30 08:16:22

标签: html css flexbox

我正在尝试使用flexbox自动将元素与justify-content: space-aroundjustify-content: space-between对齐,例如当我连续有足够的元素时,效果很好,例如:3如下:

A B C
D E F

但是如果我的元素较少,如下所示:

A B C or A B C
D   E      D

如何使元素E左移到与B相同的列中,或者D移到与A相同的列中,目前,我尝试按宽度和边距来排列元素,每个元素都需要具体说明案件。我认为其他解决方案是添加另一个假项目来填补空白,以便浏览器将其视为其他元素,问题是我还需要针对每个不同的屏幕和元素数量进行特定处理,这会使问题更加复杂吗?

是否有其他解决方案,不需要为每个元素或不同屏幕之间的边距指定特定宽度?

0 个答案:

没有答案