【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;
}
相关推荐
珑墨24 分钟前
【Turbo】使用介绍
前端
军军君011 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...2 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n2 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon3 小时前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪4 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q4 小时前
CSS 笔记2 (属性)
前端·css·笔记
Anastasiozzzz4 小时前
LeetCode Hot100 295. 数据流的中位数 MedianFinder
java·服务器·前端
Exquisite.5 小时前
Nginx
服务器·前端·nginx
打小就很皮...5 小时前
dnd-kit 实现表格拖拽排序
前端·react.js·表格拖拽·dnd-kit