我现在做一个网站,首先是一个大的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; }