Question

网页 图片怎么居中 适应不同分辨率 显示中间部分

网页从上到下放1920p宽度的的几张图片 ，在不同的分辨率中，让图片居中，分辨率小于1920p时，只显示图片中间部分，两端自动隐藏 这个要怎么弄 ？

Answer 1

可以插入下面代码：
<div class="warpper">
<div class="img">
<img src="xx"/>
</div>
</div>
.warpper {wdith:1000px;margin:0 auto; height:auto;}
.img {长宽等于img 中src的图片的长宽; margin:0 auto;}

Answer 2

<div style="margin:0 auto; text-aligin:center">

<img src="tupian.jpg" alt="tupianming" />
</div>

追问

试了 用了分辨率小于图片的时候 下面的左右导航条出来了
需要导航条不出来，超过分辨率图片的左右两边隐藏

另外 用了这个代码 图片有1pix白色的边框

不知怎么可以解决

追答

overflow:hidden;
在style中加上
style="margin:0 auto; text-aligin:center; overflow:hidden"

关于那个图片边框要另外加上一个
<img style="boder:none" src="tupian.jpg" alt="tupianming" /