解决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