css3 来实现图片在指定容器内等比例缩放，并控制中上下左右居中

2011.02.22 于新城科技园。

实现图片在指定容器内等比例缩放，并控制中上下左右居中，以前可以通过javascript 加css2 的办法来控制。

随着css3的普及，现在介绍一种单纯通过css来进行控制。

具体代码如下：

如果有不明白的地方，可以自行在google上面搜索一把，信息一搜一把。

效果如下：

如果改变一下容器的大小。比如：

将section的 width，height属性修改为

  width:200px;
  height:400px;

我们再来看效果：

是不是稍微有那么一点点儿神奇呢？？ hoho。