首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

div 图片居中解决办法

2012-03-16 
div 图片居中我现在做一个网站,首先是一个大的div包揽里面的所有内容,然后在这个div里有个小的div,这个div

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;} 

热点排行