图片居中到div中显示

[图片][居中][显示]图片居中到div中显示图片大于Div超出部分隐藏2009-12-11 1021div style= width150px; height100px; bordersolid 2px red; overflowhidden; background-imageurl(httpi2.sinaimg.cnblog120080306U2725P503T1D169F6DT20080822100708.jpg); background-positioncenter; background-repeatno-repeat; 
div 
把图片作为Div的背景图片的话，可以做到，不过不能调整背景图片的大小。 
所以想Div中嵌套Img可是，不知道该怎么去控制，因为如果把图片的位置设置为相对的话，整个图片就会显示出来了。

要实现的效果就是，图片大于Div的大小，让图片在Div里居中显示，超过部分隐藏。 
希望用 div img div的结构实现，其他变通方法亦可.

望大家帮一下小弟！不胜感激！

HTML code 

style type=textcss
#out{height100px; width150px; positionrelative; overflowhidden;}
#mid{positionabsolute;top50%; left50%; width1000px; margin-left-500px; text-aligncenter;}
#in{ positionrelative; top-50%;}
style

div id=out
div id=mid
div id=in
img src=httpi2.sinaimg.cnblog120080306U2725P503T1D169F6DT20080822100708.jpg 
div
div
div

不知还满意不？

Verygood! 
太谢谢你了…