div 自适应银屏宽度 高度

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="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-2" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-3" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-4" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-5" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-6" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-7" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-8" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-9" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
<a id="example1-10" title="" href="images/guanggao.jpg" style="display:inline"><img alt="div 自适应银屏宽度 高度" src="images/200662095340.gif" width="130" height="120" /></a>
</div>
</div>

有个div 里面 如何让其自身根据屏幕宽度来决定显示几个gif图片
1、屏幕大了，只能显示为一行， 撑满一行
2、屏幕小了 ,显示  左右箭头  <   >  点击  可以往左、右移动

[解决办法]
这个要用到JavaScript或Jquery来实现的啦，你可以参考一下这个作品：http://www.jq-school.com/Detail.aspx?id=225
[解决办法]
要有一个容器，然后margin,padding auto

查看更多 下一篇