【使用flex两端对齐加margin-right】

聚宝盆_

已于 2024-04-07 17:08:29 修改

阅读量213

点赞数 3

分类专栏：记录项目中遇到的问题文章标签： css 前端

于 2024-04-07 16:58:56 首次发布

本文链接：https://blog.csdn.net/weixin_47416539/article/details/137469777

版权

记录项目中遇到的问题专栏收录该内容

43 篇文章 0 订阅

订阅专栏

解决办法众多：https://cloud.tencent.com/developer/article/1516801

<div class="job_tabs_content">
	<div class="job_tab_item"></div>
	<div class="job_tab_item"></div>
	<div class="job_tab_item"></div>
	<div class="job_tab_item"></div>
</div>

 .job_tabs_content{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
 .job_tabs_content::after{
	content: '';
    flex: auto;
}
.job_tab_item{
    width: 393px;
    background: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 7px;
}
.job_tab_item:nth-of-type(3n){
	margin-right: 0px;
}