网页设计，写了一个div，里面就一个图片，div和图片的width和height都是一样。实现了鼠标悬停图片放大的效果，但是图片向右向下拉长，现在就想让它整体居中，怎么实现？

<img src="shu_bg.jpg" href="" target="_blank"
onmouseover="this.style.width=33;this.style.height=103;" onmouseout="this.style.width=30;this.style.height=100;"><!--变大代码-->

整体居中：图片变大后对角线的焦点还是和div对角线重合

<!-- CSS样式 -->
<style>
div {width:30px; height:100px;}
.img_1 {width:30px; height:100px; position:absolute; margin:0px;}
.img_2 {width:34px; height:104px; position:absolute; margin-left:-2px; margin-top:-2px;}
</style>
<!-- JS样式 -->
<script language="javascript" type="text/javascript">
function img_a(){
 document.getElementById("img").className="img_2";
}
function img_b(){
 document.getElementById("img").className="img_1";
}
</script>
<!-- 页面代码样式 -->
<div >
<img src=" http://cache.soso.com/wenwen/i/wenwen_logo.gif" id="img" target="_blank" class="img_1" onMouseMove="img_a();" onMouseOut="img_b();" />
</div>

这个DIV外面再套个DIV

假设：

你现在的这个DIV叫：DIV1

外面套个DIV叫DIV2

然后设置DIV1在DIV2里上下左右居中。

网页设计，多学习，选 对软件 巨龙效果图软件