首页 新闻 赞助 找找看

<img>对齐问题

-2
悬赏园豆:10 [已解决问题] 解决于 2014-12-12 17:30
<div style="position: absolute; width:1000px;" >
    <img ralt="" src="banner.png">
</div>
 
如果banner.png 宽度大于1000 要怎么设置图片居中
普通用户的主页 普通用户 | 初学一级 | 园豆:54
提问于:2014-10-09 22:45
< >
分享
最佳答案
0
 1  <!DOCTYPE html>  
 2 <html xmlns="http://www.w3.org/1999/xhtml" >  
 3 <head>  
 4     <title>Untitled Page</title>  
 5     <style type="text/css">  
 6         .outer{ 
 7             /*非IE的主流浏览器识别的垂直居中的方法*/  
 8         display: table-cell;  
 9         vertical-align:middle;  
10   
11         /*设置水平居中*/  
12         text-align:center;  
13   
14         /* 针对IE的Hack */  
15         *display: block;  
16         *font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/  
17         *font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/  
18   
19         width:200px;  
20         height:200px;  
21         border: 1px solid #eee;  
22         }  
23         .outer img{vertical-align:middle;  }  
24     </style>  
25 </head>  
26 <body>  
27     <div class="outer">  
28         <img src="product_03.jpg" />  
29     </div>  
30 </body>  
31 </html> 
收获园豆:10
袁家小黑球 | 小虾三级 |园豆:1045 | 2014-10-16 09:33
其他回答(3)
0

通过多层div,分别设置不同层的对齐,从而达到效果。

519740105 | 园豆:5810 (大侠五级) | 2014-10-10 08:23
0

1、再img外再加一层,通过定位来实现;

2、直接用背景的方式变通解决。

沙万 | 园豆:195 (初学一级) | 2014-10-10 14:49
0

div的左右的margin都设为auto试试。

晴心 | 园豆:137 (初学一级) | 2014-12-11 14:31
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册