Question

HTML中，如果框架宽是1600px，但是图片宽是2000Px的，那怎么才能让图片居中的呢？样式上怎么写？

不是背景图片
<div style="width:1600px;">
<img src="images/banner1.jpg" width="2000" />
</div>
就这样的话图片是从左往右显示的，但是我想要居中显示

这个就是现在居左的

这个是效果图居中的





Answer 1

<img src="" width="1600"> 直接把图片的宽度给固定了。

追问

把图片宽度固定了，那如果是2000px的屏显图片就不行了

Answer 2

background:1.jpg no-repeate center center;

Answer 3

<div style="width:1600px; position:relative;">
<img src="images/banner1.jpg" style="width:2000px;position:absolute; left:50%; margin-left:-1000px;" />
</div>

Answer 4

<div style="width:1600px;">
<div style="width:1600px; text-align:center; overflow:hidden;"><img src="images/banner1.jpg" width="2000" /></div>
</div>