列表浮动的局限——float:left 下一行错位
简简单单的几幅图片加上解释文字的内容，想让每一行对齐显示。 曾经以为float：left可以解决一切， float真心很好用，不过真的有很大的坑。
CSS：
我的实例中计划让六张图片显示在两行，可是。。。。
HTML:
而我主要的想法就是让每一块左浮动，display:inline-block，可以显示在一行。
究其原因，是上面的文字溢出了，导致下一行放不下。
不过如何解决呢？
然后我大胆的去掉了float：left;然后竟然变得更好看了，不过挤在一起。
因为它保证了图片加上文字是在一行的。那么，现在就是让每个块上下左右对齐。
当然为了让图片都一样大小，设置宽度100%，即父元素item的宽度大小。然后，嘿嘿，成功啦。
这就是果断放弃float的后果。
当然我是做的3列效果，如果想根据浏览器的大小，产生浮动效果，可以设置item的宽度为一个固定宽度。
