<img>对齐问题
-2
悬赏园豆：10
[已解决问题]
解决于 2014-12-12 17:30
<div style="position: absolute; width:1000px;" >
<img ralt="" src="banner.png">
</div>
如果banner.png 宽度大于1000 要怎么设置图片居中
最佳答案
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
其他回答(3)
0
通过多层div，分别设置不同层的对齐，从而达到效果。
0
1、再img外再加一层，通过定位来实现；
2、直接用背景的方式变通解决。
0
div的左右的margin都设为auto试试。
