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
<table> <tr> <td style="height:300px;width:1000px;vertical-align:middle;text-align:center;"> <div id="myImg"><img src="" /></div> </td> <tr> </table>
[解决办法]
#myImg{ text-align:center;}