解決justify-content:space-between 2個元素兩端分布的問題


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM