div 图片居中
我现在做一个网站,首先是一个大的div包揽里面的所有内容,然后在这个div里有个小的div,这个div里放的是一个图片,如:
<div id="big">
<div id="myImg">
<img src="" />
</div>
</div>
请各位帮忙,怎么让我的图片在这两个div里都水平垂直居中,要求ie5 ie6 ie7 ff要兼容
------解决方案--------------------设置text-align:center
------解决方案--------------------我同意:设置text-align:center 即可。
------解决方案--------------------<div id="big" style="width:500px; height:500px; border:solid 1px red">
<div id="myImg" style="margin:0 auto; width:300px; height:200px; margin-top:100px; padding-top:100px; text-align:center; border:solid 1px red">
<img alt="" src="image/2009194229.jpg" width="100" height="100" />
</div>
</div>
参考效果
------解决方案--------------------块级元素要垂直水平都居中,得用到table
HTML code
<table>
<tr>
<td style="height:300px;width:1000px;vertical-align:middle;text-align:center;">
<div id="myImg"><img src="" /></div>
</td>
<tr>
</table>
------解决方案--------------------
------解决方案--------------------
只要水平居中的话:
CSS code
#myImg{
text-align:center;
}