我有一个例如宽度为450px,容器只有300个.当图像的宽度不是常数(有些图像可能为450宽,其他600等)时,可以将CSS中的图像集中在容器中.或者我需要用
JavaScript集中？
解决方法
这有什么好处吗
http://jsfiddle.net/LSKRy/
<div class="outer">
<div class="inner">
<img src="http://3.bp.blogspot.com/-zvTnqSbUAk8/Tm49IrDAVCI/AAAAAAAACv8/05Ood5LcjkE/s1600/Ferrari-458-Italia-Nighthawk-6.jpg" alt="" />
</div>
</div>
.outer {
width: 300px;
overflow: hidden;
}
.inner {
display: inline-block;
position: relative;
right: -50%;
}
img {
position: relative;
left: -50%;
}