<div id="content" style="display:inline;overflow:hidden;">
<div id="images">
<a id="example1-1" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-2" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-3" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-4" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-5" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-6" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-7" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-8" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-9" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-10" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>
</div>
</div>
有个div 里面 如何让其自身根据屏幕宽度来决定显示几个gif图片
1、屏幕大了，只能显示为一行， 撑满一行
2、屏幕小了 ,显示 左右箭头 < > 点击 可以往左、右移动