当前位置: 首页 > Web前端 > HTML

解决justify-content的一个BUG的两种方法:flex布局中的space-between对齐

时间:2023-04-02 21:17:12 HTML

设置display:flex时,justify-content:space-between会把子元素对齐到边缘,分割剩余空间。例如:计划在一行放三个子元素的效果:好像一点问题都没有,看着还不错,但是如果下一行不够放三个,只有一个的时候就会出问题二。这个看起来特别恶心,中间有一大片空白,看起来像个bug,而不是我们想要的和前面一行一行对齐的效果。现在解决这个问题,这里有两个方法:伪类:afterprovidesplaceholderelementpseudo-classschemeplaceholderelementschemeeffect