微信小程序,购买商品属性自动换行,固定div个数,超出部分自动换行

参考**指定每行div个数(三个为例)**

<view class="spec"><view class="spec_title">颜色</view><view class="spec_content"><view class="spec_back"><text class="spec_text">白色</text></view><view class="spec_back"><text class="spec_text">红色</text></view><view class="spec_back"><text class="spec_text">蓝色</text></view><view class="spec_back"><text class="spec_text">绿色</text></view><view class="spec_back"><text class="spec_text">金色</text></view><view class="spec_back"><text class="spec_text">黄色</text></view></view></view>
.spec {padding: 10rpx;
}.spec .spec_title {margin: 10rpx;font-size: 30rpx;
}.spec .spec_content {display: flex;/* justify-content: flex-start; */flex-flow: row wrap;align-content: flex-start;
}.spec .spec_content .spec_back {margin: 10rpx;width: 150rpx;height: 80rpx;background-color: #f0f0f0;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;border-radius: 10rpx;
}

微信小程序,购买商品属性自动换行,固定div个数,超出部分自动换行相关推荐

  1. 微信小程序商品详情html,微信小程序关于商品详情类的富文本解析器

    微信小程序关于商品详情类的富文本解析器 2020年08月10日 | 萬仟网IT编程 | 我要评论 微信小程序关于商品详情类的富文本解析器富文本的解析,在vue中有v-html解析富文本的方法,但是在微 ...

  2. 微信小程序实现watch属性监听数据变化

    Vue 提供了一种通用的方式来观察和响应 Vue 实例上的数据变动:监听属性 watch. 虽然watch的滥用会导致性能不佳,但在一些情况下我们还是需要watch,使得代码更加简洁.逻辑更加清晰(其 ...

  3. 微信小程序 - 分享商品海报

    我们在微信小程序中经常会使用到分享商品海报,或者是重绘微信小程序分享链的图片功能.实现该功能只要跟着如下几个步骤就可以快速实现啦!(本文示例代码使用的是uni-app,原生或者其他框架需要将uni前缀 ...

  4. 微信小程序 直播商品接口 上传图片 300006 goods img upload fail

    微信小程序 直播商品接口 上传图片 300006 goods img upload fail 官方文档:https://developers.weixin.qq.com/miniprogram/dev ...

  5. 微信小程序直播商品与直播房间管理时提示:api unauthorized hints: [mhcddo3Me-lLeTBA!]/r/napi 功能未授权

    最近写微信小程序直播商品与直播房间后台管理时,调用接口一直提示:api unauthorized hints: [mhcddo3Me-lLeTBA!]/r/napi 功能未授权. 后来一查,原来是微信 ...

  6. Python爬虫系列之爬取某社区团微信小程序店铺商品数据

    Python爬虫系列之爬取某社区团微信小程序店铺商品数据 如有问题QQ请> 点击这里联系我们 < 微信请扫描下方二维码 代码仅供学习交流,请勿用于非法用途 数据库仅用于去重使用,数据主要存 ...

  7. 微信小程序图片转换成文字_微信小程序中用canvas将文字转成图片,文字自动换行...

    onReady: function () { wx.showLoading({ title: '生成图片中...', }) var that = this const ctx = wx.createC ...

  8. 微信小程序的tabBar属性

    在微信小程序当中的app.json文件当中.是指下方的导航栏, 在tabBar里面有一个list数组,在这个数组里面的值就是表示在下方导航栏的值. 如下代码所示:(给出一个小的数组值) "l ...

  9. 微信小程序---wxss常用属性

    以下内容均为个人理解,主要用于备忘 -–前言即废话篇--- 微信小程序的代码和网页编程非常相似,两者都有JS.JSON文件,同时WXML=>HTML,WXSS=>CSS. 附上两条链接:w ...

  10. 微信小程序-实现两个按钮固定在页面底端且不随页面滑动(静态页面)

    微信小程序的文件主要由wxml,wxss,js,json四部分组成,其实和web开发很类似,就是多了一个json文件,里面写的是一些配置文件.对页面布局的处理,主要就是通过编写wxss文件. 先看一些 ...

最新文章

  1. Eight puzzle --HOJ 11918
  2. Android SDK Manager国内下载缓慢的问题
  3. Python_地址中左斜线和右斜线的区别——Python系列学习笔记
  4. 为什么应该在业务层实现管道模式,而不用ASP.NET Core Middleware实现 | 2点原因和实现方式...
  5. python设置一个初始为0的计数器_python中统计计数的几种方法
  6. java 字符串第一个字符_深入Java源码剖析之字符串常量
  7. golang python扩展_Python 利用Go语言编写 CPython 扩展 goPy的简单示例
  8. F#简明教程二:F#类型系统和类型推断机制
  9. python workflow_用 Python 写 Alfred3 workflow 插件,一个最小示例
  10. Rust: rev()、Vec、其它
  11. 做个PC端打字小游戏
  12. OD调试4----去除NAG窗口的几种方法
  13. √【物流网络规划】库存和仓储 warehouse
  14. linux鼠标切换窗口的快捷键设置,Xshell中如何设置鼠标快捷键
  15. 计算机常用单词 pdf,关于计算机的常用词汇.pdf
  16. Java注解详解和自定义注解实战,用代码讲解
  17. 除了秃顶,你和程序员大佬还有啥区别?
  18. 服务器设计系列 网络模型,网络服务器的结构模型
  19. python列表类型转换_将Python列表转换为pandas系列
  20. 怎么隐藏label标签

热门文章

  1. Caused by: java.lang.UnsatisfiedLinkError: dlopen failed: /data/app/com.google.android.webview-2/li
  2. 计算机二维动画学什么,An学习笔记:计算机二维动画
  3. TCP/IP五层协议
  4. 卡莱特在创业板上市:IPO首日跌破发行价,周锦志为实际控制人
  5. js学习过程中的笔记
  6. 什么决定了你在公司发展的潜力
  7. 爱奇艺一面、二面面试问题
  8. Tableau快速表计算与表计算函数
  9. Shel脚本学习—反引号、单引号、双引号区别与联系
  10. JAVA集合1(Collection接口,iterator()方法,增强型for循环)