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.解決后的效果