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;

}

达到如下图效果