【css flex 多行均分有间隙布局】


小程序、web均可使用,我当前用的是小程序

html 复制代码
<view class="job_tab_container flex_between">
   <view class="job_tab_item">
   </view>
   <view class="job_tab_item">
   </view>
   <view class="job_tab_item">
   </view>
 </view>
css 复制代码
.job_tab .job_tab_container{
 	display: flex;
  	flex-flow: row wrap;
    justify-content: space-between;
}
.job_tab .job_tab_container .job_tab_item{
  width: calc((100% - 14rpx)/2);
  height: 106rpx;
  background: #FFFFFF;
  border-radius: 8rpx;
  margin-bottom: 14rpx;
}
相关推荐
Komorebi゛17 分钟前
【Vue3+Element Plus】el-dialog弹窗点击遮罩层无法关闭弹窗问题记录
前端·vue.js·elementui
vim怎么退出25 分钟前
一次线上样式问题复盘:当你钻进 CSS 牛角尖时,问题可能根本不在 CSS
前端·css
echo_e31 分钟前
手搓前端虚拟列表
前端
用泥种荷花40 分钟前
【LangChain学习笔记】创建智能体
前端
再吃一根胡萝卜44 分钟前
在 Ant Design Vue 的 a-table 中将特定数据行固定在底部
前端
yyf198905251 小时前
CSS相关中文书籍
css
掘金安东尼1 小时前
Vercel:我们为 React2Shell 发起了一项价值 100 万美元的黑客挑战
前端·javascript·github
掘金安东尼1 小时前
浏览器处理Base64数据的速度有多快?
前端·javascript·github
掘金安东尼1 小时前
为不同场景设计多样化的页面过渡动画
前端·javascript·github