【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;
}
相关推荐
kyriewen3 小时前
我让AI给前端项目做了一次完整的Code Review——它和人类的差距,比我想的大得多
前端·javascript·ai编程
张鑫旭3 小时前
快速过下我2026年上半年的前端学了些啥
前端
এ慕ོ冬℘゜3 小时前
前端基础:什么是时间戳?JS获取时间戳三种方法与实战用途
开发语言·前端·javascript
hoLzwEge4 小时前
拯救低效调试!code-inspector-plugin 让代码定位如虎添翼
前端·前端框架·node.js
J船长4 小时前
烂笔头扫盲:LLM Eval 入门:从「感觉挺好」到「数据说话」的工程化落地
前端
skiyee4 小时前
被多个 UView 系 UI 库 “抄” 的 @uni-ku/root 究竟怎么实现?
前端
鱼毓屿御4 小时前
从「只会聊」到「边想边做」的跃迁
前端·学习·react.js
sugar__salt5 小时前
Vue3 表单双向绑定与响应式核心 API 技术详解
前端·javascript·vue.js
郝亚军5 小时前
使用Vue 3和Nginx打包和部署Vue.js项目的一般步骤
前端·vue.js·nginx
SmartBoyW5 小时前
CSS弹性布局(Flexbox)学习笔记:从零开始搞懂弹性布局
前端·javascript