【html】学习记录-CSS的inline-block

<section>
<div><img src="http://img4.duitang.com/uploads/blog/201507/20/20150720233624_yzAak.thumb.700_0.jpeg"></div>
<div><img src="http://img5.duitang.com/uploads/blog/201507/20/20150720233639_vknSG.thumb.700_0.jpeg"></div>
<div><img src="http://img4.duitang.com/uploads/blog/201507/20/20150720233626_Adn3e.thumb.700_0.jpeg"></div>
<div><img src="http://img5.duitang.com/uploads/blog/201507/20/20150720233630_x52vE.thumb.700_0.jpeg"></div>
<div><img src="http://img5.duitang.com/uploads/blog/201507/20/20150720233636_2uwhP.thumb.700_0.jpeg"></div>
<div><img src="http://img4.duitang.com/uploads/blog/201507/20/20150720233632_tLhSJ.thumb.700_0.jpeg"></div>
<div><img src="http://cdn.duitang.com/uploads/blog/201507/20/20150720233618_A5F8L.thumb.700_0.jpeg"></div>
<div><img src="http://img4.duitang.com/uploads/blog/201507/20/20150720233621_4KEZJ.thumb.700_0.jpeg"></div>
<div><img src="http://img5.duitang.com/uploads/blog/201507/20/20150720233615_T285d.thumb.700_0.jpeg"></div>


<footer id="after-float" align="center">---天啦撸一套渣基三永远漏我蒼爹的QAQ---</footer>
</section>

<style type="text/css">
section{
  width: 415;
  padding:10px;
  margin: 30px auto;
}

div{
  width: 90px;
  height:90px;
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px;

  /* 使用inline-block */
  display: inline-block;
}

img{
  width: 80px;
  height:80px;
}

</style>