diy_picMax.wxss
1.14 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
.picMax{
width: 100%;
overflow: hidden;
/* margin-top: -0.01rpx; */
display: flex;
flex-wrap: wrap;
}
.pic_item{
float: left; margin: 0; padding: 0;font-size: 0;
}
/* .pic_item image{width: 100%;} */
/* .pic_item image{width: 100%;vertical-align: bottom; margin: 0;margin-left: -1rpx;font-size: 0; } */
.pic_item image{width: 100%;vertical-align: bottom; margin: 0;display: block;}
/* .picMax-clear{clear: both;} */
.mgt2 {
margin-bottom: -2rpx !important;
}
.picMax2{
width: 100%;position: relative;
}
.pic_item2{
position:absolute;top:0; left:0;
}
.pic_item2 image{
display: block;
vertical-align: top;
vertical-align: text-top;
vertical-align: bottom;
vertical-align: text-bottom;
}
/* .width_1{width: 187.5rpx}.width_2{width: 375rpx;}.width_3{width: 562.5rpx}.width_4{width:750rpx;} */
.width_1{width: 25%}.width_2{width: 50%}.width_3{width: 75%}.width_4{width:100%}
.height_1{height: 186rpx;}.height_2{height: 372rpx;}.height_3{height: 558rpx}.height_4{height: 744rpx;}
.mar_x1{left:187rpx;}.mar_x2{left:374rpx;}.mar_x3{left:561rpx}.mar_x4{left: 748rpx;}
.mar_y1{top: 186rpx;}.mar_y2{top: 372rpx;}.mar_y3{top: 558rpx}.mar_y4{top: 744rpx;}