如果图像比其容器宽，如何居中？

HTML

​<div >  <img src="http://www.google.com/images/logo.gif" height="100" /></div>​

CSS

.image-container {    width: 150px;    border: solid 1px red;    margin:100px;}.image-container img {    border: solid 1px green;}

jQuery

$(".image-container>img").each(function(i, img) {    $(img).css({        position: "relative",        left: ($(img).parent().width() - $(img).width()) / 2    });});

​