当前位置: 首页 > article >正文

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

在这里插入图片描述
小程序、web均可使用,我当前用的是小程序

<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>
.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;
}

http://www.kler.cn/a/389042.html

相关文章:

  • 小白学习之路:咖啡叶锈病分割
  • 105. UE5 GAS RPG 搭建主菜单
  • MySQL缓存参数如何优化与表结构如何优化才算是最大性能的优化
  • 6层板设计常用知识笔记
  • 鸿蒙开发基础入门
  • BP 神经网络学习 MATLAB 函数详解及应用
  • 【Istio】Istio原理
  • web安全漏洞之文件上传
  • 【JWT】Asp.Net Core中JWT刷新Token解决方案
  • DCN DCWS-6028神州数码 AC 设备配置笔记
  • ESLint 使用教程(三):12个ESLint 配置项功能与使用方式详解
  • SDL渲染器和纹理
  • 2024-11-10-leetcode每日一题-540. 有序数组中的单一元素
  • Python数据分析-Google Play商店应用数据分析
  • C#里对数组的排序操作
  • 关于我重生到21世纪学C语言这件事——函数详解
  • 初始JavaEE篇——多线程(8):JUC的组件
  • Python 获取PDF的各种页面信息(页数、页面尺寸、旋转角度、页面方向等)
  • jupyter添加、删除、查看内核
  • 一篇Spring Boot 笔记