1.背景情况
display:flex布局的情况下,justify-content:space-between。当一行可以容纳三个元素,并且一行只有两个元素的情况,这两个元素会进行两端排列。如下:
2.代码展示
2.1.循环的外层样式为 class="search_content"
2.2.class="search_content"样式的内容如下
3.解决方案
给循环的外层样式 class="search_content"加上after伪类
其中width为每一个元素的宽度
4.解决后的效果