从事网页重构好几年了，Javascript能力一直比较菜，主要还是做得太少。为了提高这方面的能力，这段时间主动承担了一些这方面的工作，真心感到学习和积累的不易，不过时常伴随着一些解决问题之后的小小成就感又让人乐此不疲。

在近期一个项目中，遇到一个图片列表自适应宽度显示的问题，需求本身并不难，借此且算是梳理和总结一下当时的解决思路吧，也期望能给有需要做这类需求而又知如何下手的同学带来一点小启发。实现的方法应该很多，如果你有更好的，要分享哦~~

需求是这样的，在一个自适应宽度的栏目里（如图1）：

1、 栏目的宽度可以因用户的操作发生改变，如拖拽改变窗口大小等；

2、 当宽度改变之后，需要图片列表总是能在栏目中完好地显示：图片之间有一定的间距，并且不会出现半张图。

3、 若当前宽度不能完全显示所有图片时，可以通过点击左右两边的箭头进行滚动显示。

如图2：