日期:2014-05-16  浏览次数:20423 次

div 自适应屏幕宽度 高度?
<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、屏幕小了 ,显示  左右箭头  <   >  点击  可以往左、右移动