上线上述布局的实现方法,屏幕宽度为750rpx,设置外边距20rpx,设置圆角,动态计算标签宽度,通过float属性设置标签自动浮动布局:
1、创建4个view标签,
<view class='main'>
<view class='a'>
aaa
</view>
<view class='b'>
aaa
</view>
<view class='c'>
aaa
</view>
<view class='d'>
aaa
</view>
</view>
2、通过float js样式实现浮动自动布局
.a{
background: white;
margin: 20rpx;
border-radius: 6px;
width: 710rpx;
height: 200rpx;
float: left;
}
.b{
background: white;
margin: 0rpx 0px 0px 20rpx ;
border-radius: 6px;
width: 345rpx;
height: 300rpx;
float: left;
}
.c{
background: white;
margin: 0rpx 20rpx 20rpx;
border-radius: 6px;
width: 345rpx;
height: 140rpx;
float: left;
}
.d{
background: white;
margin:0rpx 20rpx;
border-radius: 6px;
width: 345rpx;
height: 140rpx;
float: left;
}
css float浮动
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...