下面的两种方法,可避免由于图片过大,引起的显示不全情况,如:宽度1910px
方法一:绝对居中
*HTML代码:
<div class="wrap">
<div class="banner"><img src="img1.jpg"/></div>
</div>
*CSS代码:
.wrap{width:100%;overflow:hidden;}
.banner{width:1920px;margin-left:-960px;left:50%;position:relative;}
方法二:相对居中
*HTML代码:
<div class="bannerbox">
<div class="banner">
<img src="img1.jpg">
</div>
</div>
*CSS代码:
.wrap { width:100%;position:relative; overflow:hidden; height:470px; }
.banner {width:1920px;position:absolute; left:50%; margin-left:-960px;}