Question

html,css中我有一张宽屏图片，在屏幕宽度不够时图片就会偏移，这种情况怎么让图片居中？

Answer 1

图片显示全了吗？没有的话把图片宽度设为100%，高不设置。
显示全了的话就用margin：0 auto；

追问

是图片超出屏幕了，出现了横向滚动条，我想让图片在超出屏幕时图片两端对称裁切，图片的高度始终不变。

Answer 2

给img设置margin0，wuto
或者给img加一个负父盒子，给父盒子设置宽高，并且overflowheiden

追问

是图片超出屏幕了，出现了横向滚动条，我想让图片在超出屏幕时图片两端对称裁切，图片的高度始终不变。请问有什么布局可以实现吗？

追答

嗯就是给父盒子设置一个固定宽高，然后图片可以是和符合子宽高的100%，或者是将父盒子overflow：hidden。这样应该就没有问题了
但是图片要设置在盒子中居中显示

Answer 3

img{display:block;margin:0 auto;}
看你的布局，没代码不好说要怎么写。

追问

是图片超出屏幕了，出现了横向滚动条，我想让图片在超出屏幕时图片两端对称裁切，图片的高度始终不变。请问有什么布局可以实现吗？

追答

<div style="overflow:hidden;" id="wrapper">
    <img src="#"/>
</div>


#wrapper{width:100px;height:100px; position:relative; margin:0 auto;overflow:hidden;border:1px solid #000;}
#wrapper img{position: absolute; left:50%; transform:translateX(-50%);}