【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;
}
相关推荐
向前看-26 分钟前
验证码机制
前端·后端
燃先生._.1 小时前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖2 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
唯之为之2 小时前
巧用mask属性创建一个纯CSS图标库
css·svg
m0_748235242 小时前
前端实现获取后端返回的文件流并下载
前端·状态模式
m0_748240253 小时前
前端如何检测用户登录状态是否过期
前端
black^sugar3 小时前
纯前端实现更新检测
开发语言·前端·javascript
寻找沙漠的人4 小时前
前端知识补充—CSS
前端·css
GISer_Jing4 小时前
2025前端面试热门题目——计算机网络篇
前端·计算机网络·面试