当前位置:网站首页>Wechat applet, automatic line feed for purchasing commodity attributes, fixed number of divs, automatic line feed for excess parts
Wechat applet, automatic line feed for purchasing commodity attributes, fixed number of divs, automatic line feed for excess parts
2022-06-11 05:19:00 【A programmer who doesn't like to stay up late but often stays u】
Wechat applet , Purchase product attribute auto wrap , Fix div Number , Auto wrap the line beyond the limit
Reference resources ** Specify each line div Number ( Three examples )**
<view class="spec">
<view class="spec_title"> Color </view>
<view class="spec_content">
<view class="spec_back">
<text class="spec_text"> white </text>
</view>
<view class="spec_back">
<text class="spec_text"> Red </text>
</view>
<view class="spec_back">
<text class="spec_text"> Blue </text>
</view>
<view class="spec_back">
<text class="spec_text"> green </text>
</view>
<view class="spec_back">
<text class="spec_text"> golden </text>
</view>
<view class="spec_back">
<text class="spec_text"> yellow </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;
}

边栏推荐
- JS promise, async, await simple notes
- Deep search + backtracking
- Paper reproduction: expressive body capture
- Opencv learning path (2-4) -- Deep parsing cvtcolor function
- mysql字符串转数组,合并结果集,转成数组
- Solving graph problems with union search set
- Section II: structural composition characteristics of asphalt pavement (2) structural layer and performance requirements
- Share 𞓜 jointly pre training transformers on unpaired images and text
- oh my zsh正确安装姿势
- Apply the intelligent OCR identification technology of Shenzhen Yanchang technology to break through the bottleneck of medical bill identification at one stroke. Efficient claim settlement is not a dr
猜你喜欢

jvm调优六:GC日志分析和常量池详解

English digital converter

Preliminary test of running vins-fusion with zed2 binocular camera

Cross modal retrieval | visual representation learning

IOU series (IOU, giou, Diou, CIO)
![[aaai 2021 timing action nomination generation] detailed interpretation of bsn++ long article](/img/28/d69a7583036a2076facffcf9098d7e.jpg)
[aaai 2021 timing action nomination generation] detailed interpretation of bsn++ long article

mysql字符串转数组,合并结果集,转成数组

Lr-link Lianrui fully understands the server network card

2021 iccv paper sharing - occlusion boundary detection

QT Road (2) -- HelloWorld
随机推荐
Network adapter purchase guide
lower_ Personal understanding of bound function
[aaai 2021 timing action nomination generation] detailed interpretation of bsn++ long article
Intercept file extension
微信小程序,购买商品属性自动换行,固定div个数,超出部分自动换行
Network security construction in 5g Era
Reverse thinking: making cartoon photos real
华为设备配置通过GRE接入虚拟专用网
截取文件扩展名
New product release: Lianrui launched a dual port 10 Gigabit bypass network card
Conversion relationship between coordinate systems (ECEF, LLA, ENU)
在未来,机器人或 AI 还有多久才能具备人类的创造力?
What is the difference between a wired network card and a wireless network card?
IOU series (IOU, giou, Diou, CIO)
The solution "no hardware is configured for this address and cannot be modified" appears during botu simulation
Iris dataset - Introduction to machine learning
Thesis 𞓜 jointly pre training transformers on unpaired images and text
Combien de courant le câblage des PCB peut - il supporter?
Comparison of gigabit network card chips: who is better, a rising star or a Jianghu elder?
选择数字资产托管人时,要问的 6 个问题