Question

css:关于居中显示图片中间部分

设计师给了一张图片，显示它，要求如下：
①图片不能失真
②不管用户显示器的宽度多少，都居中显示图片中间的部分

Answer 1

你说的是不是图片自适应浏览器大小，根本用户分辨率显示中间部分？是的话看下面：

body,img {border:0;margin:0;padding:0;overflow-x:hidden;}

<div style="margin-left:-50%;margin-right:-50%;">
<center><img src="images/xx.jpg" /></center>
</div>

Answer 2

<style>
#AC {
    position: relative;
    margin: 0 auto;
    width: 64px;
    height: 64px;
}
#AC img {
    width: auto;
    height: auto;
}
</style>
<div id="AC"> <img src="xxx"> </div>

需注意一个问题，就是#ac的高宽要和图片一样

追问

图片比我屏幕大，你这样还是有滑动条啊，这不是设计师想要的结果，如果图片宽度大于显示器宽度，要截取图片中间的部分，

Answer 3

给你个例子 看看吧

Answer 4

不失真，就不要强制图片的长宽，居中的话，body{text-align:center;}
你试试