Question

CSS 不同分辨率 1900宽度的图如何居中显示

<img src="图片地址" width="1920" height="500">
如何做到在不同分辨率下看到的都是图片中间部门，从中心向两遍伸张 超出分辨率的图片内容不显示，图片大小固定，显示器分辨率不固定。
要做多个图片在页面轮播的效果 如果能用DIV背景也就不这么无奈了。。。
<div class="lb02-content" style="overflow: hidden;" align="center">
<?php
for( $i = 1; $i < $_MODULE[lb_max]+1; $i++ )
{
echo '<a href="'. $_MODULE['lb_lj'.$i] .'" target="_blank"><img alt="" src="'. $_MODULE['lb_lb'.$i] .'" width="'.$_MODULE[imgwidth].'" height="'.$_MODULE[imgheight].'"></a>';

}
?>
</div>
效果图：

Answer 1

那要在不同分辨率要做一个js判断调用不同的js(居中样式margin: 0 auto;text-align:center )
如：if (screen.width == 1024) {
document.write('<link rel=stylesheet type="text/css" href="css/css1024.css">')
}
else { document.write('<link rel=stylesheet type="text/css" href="css/800.css">') }

追问

这个环境没有办法用JS

Answer 2

外面加个table可以居中。。。要么试试text-align:center

Answer 3

你可以考虑给多个div添加背景，轮换div来实现轮换图片的问题。这样应该就好做多了，还有一半轮换图片都是固定图片高和宽的，跟你们美工商量下