在日常的前端開發(fā)中鸦采，經(jīng)常會有這樣的情況出現(xiàn)宾巍，即在頁面中通常會有要二端對齊的需求,當然估計很多同學會笑，笨方法渔伯，聰明方法都比較多顶霞；如普通計算，由寬得出總值咱旱，再計算內(nèi)部的值确丢；
如ＣＳＳ3 也可以做到绷耍，text-align:justify flex flex-wrap 等等，但都需要折騰代碼鲜侥；今天教給大家一個偏門知識點褂始；浮動左對齊，二端對齊描函；不說了崎苗，下代碼；純ＣＳＳ實現(xiàn)舀寓，以下是要實現(xiàn)一個多行胆数，5例的圖片排例；自動拿去演示互墓；
<code>
.item {
float: left;
margin-right:40px;
color: #6c6c6c;
width: 206px;
height: 312px;
overflow: hidden;
position: relative;
background:#fff;
}
.item:nth-child(5n+5) {
margin-right: 0;
}
.img{
display: block;
width: 100%;
height: 100%;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
</code>
