我有一个例如宽度为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%; }