图片居中问题

定义了一个div怎么在这个div中的图片上下居中啊！！！

解决方案 »

  1.   

    再加一个DIV，这个DIV大小和图片一样，然后，设置这个DIV在外面那个DIV上下居中，这个楼主会吧
      

  2.   

    再加一个DIV，这个DIV大小和图片一样大小，然后，设置这个DIV在外面那个DIV内上下居中，这个楼主会吧
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Div+CSS图片垂直居中</title>
    </head>
    <style>.box {
    display: table-cell;vertical-align:middle;text-align:center;*display: block;
    *font-size: 175px;*font-family:Arial;width:220px;height:200px;
    border: 3px solid #ccc; }.box img {vertical-align:middle; border:0;}
    </style>
    <body>
    <div class="box">
    <a href="/" target="_blank"><img src="/images/logo.gif" /></a>
    </div>
    </body>
    </html>
      

  4.   


    1.
    <div style="text-align:center">
    <Img>
    <DIV>2.
    <DIV>
    <IMG style="margin:5px auto" >
    </div>仍选一种,或两种方法结合起来.
      

  5.   

    DIV中的图片 想 垂直居中 只能使用margin 或者pedding 
      

  6.   

    http://bbs.blueidea.com/thread-2666987-1-9.html
      

  7.   

    在外面加一个p代码如下<p align="center">
    这里是你div的内容
    </p>
      

  8.   

    这能不行吗?搞一个最原始的办法:给img设置 margin-top或margin-bottom
      

  9.   

    table吧css里的bug  div里无法实现垂直居中