css图片多行多列排列


< div class= "ft0 mt30 ml-30" >
< img class= "wh80 ml30 mb40" src= "test.jpg" />
< img class= "wh80 ml30 mb40" src= "test.jpg" />
< img class= "wh80 ml30 mb40" src= "test.jpg" />
< img class= "wh80 ml30 mb40" src= "test.jpg" />
< img class= "wh80 ml30 mb40" src= "test.jpg" />
< img class= "wh80 ml30 mb40" src= "test.jpg" />
</ div >

.ml-30 {
margin-left: -30px;
}

.ml30 {
margin-left: 30px;
}


达到如下图效果





猜你喜欢

转载自blog.csdn.net/tanqiaoxing/article/details/80829423