如何使用浏览器更改大小自动调整 img 组的大小?
我几乎在css中完成它,但现在我无法设置溢出:隐藏让第5个或第6个..图片隐藏。
(来自 php 的 img)
(我将连接 jQuery 插件scrolling-carousel。)
任何建议我都非常感谢你抽出时间。
这是我的http://jsfiddle.net/uSHbc/1/
HTML
<div class="conimgwrap2">
<div class="conimgwrap">
<div class="conimg">
<div>
<img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
</div>
<div>
<img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
</div>
<div>
<img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
</div>
<div>
<img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
</div>
<div>
<img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
</div>
</div>
</div>
</div>
CSS
.conimgwrap2{
position: relative;
left: 50%;
width: 50%;
}
.conimgwrap{
position: absolute;
width: 25%;
height: 25%;
}
.conimg{
max-width: 100%;
max-height: 100%;
background-color: yellow;
display: inline;
white-space: nowrap;
}
.conimg div{
display: inline;
white-space: nowrap;
}
.conimg img{
max-width: 100%;
max-height: 100%;
}