日期:2014-05-17  浏览次数:20610 次

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>

------解决方案--------------------
探讨
引用:

myImg这个div有固定的长和宽吗?还有图片的大小也是固定的吗?只有知道这些才有办法写


它们的长宽都是固定的

------解决方案--------------------
只要水平居中的话:
CSS code

#myImg{
    text-align:center;
}