参见:
overflow:hidden容易看到居中
这可能适用于所有浏览器,IE6可能除外。
对于
.imageContainer > span,
margin-left是从派生的
width,并且
width是任意数字,用于控制将支持的最大图像宽度。
width: 10000px; margin-left:-4950px;如果需要,您可以设置为支持非常宽的图像。
HTML:
<div > <span><img src="http://dummyimage.com/100x100/f0f/fff" /></span></div>
CSS:
.imageContainer { border: 1px solid #444; overflow: hidden; width: 100px; height: 100px; margin: 15px; text-align: center;}.imageContainer > span { display: block; width: 1000px; margin-left: -450px; }.imageContainer > span > img { display: inline-block;}


