V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
wenqiang
V2EX  ›  编程

请教,如何让div中的图片居中?

  •  
  •   wenqiang · Nov 9, 2012 · 4062 views
    This topic created in 4925 days ago, the information mentioned may be changed or developed.
    不是让div居中,是div里边的图片全部默认水平居中。css怎么实现?
    7 replies    1970-01-01 08:00:00 +08:00
    paloalto
        1
    paloalto  
       Nov 9, 2012
    外层的容器加一个text-align:center;
    chone
        2
    chone  
       Nov 9, 2012
    也可以把img的display设为block,然后margin左右设为auto;
    wenqiang
        3
    wenqiang  
    OP
       Nov 9, 2012
    @paloalto 那样不行,那样div里的文字也全部居中了。只想要图片居中。
    paloalto
        4
    paloalto  
       Nov 9, 2012
    文字外层再加一个div呗。
    wenqiang
        5
    wenqiang  
    OP
       Nov 9, 2012
    @chone 这个ms可以,非常感谢!
    anyforever
        6
    anyforever  
       Nov 9, 2012
    @wenqiang 外层的容器里包含的不只有图片,那就给它加一个class,然后在css里 .classname img{text-align:center;}
    chinazdg
        7
    chinazdg  
       Mar 9, 2013
    .box {
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;

    /*设置水平居中*/
    text-align:center;

    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/

    width:200px;
    height:200px;
    border: 1px solid #eee;
    }
    .box img {
    /*设置图片垂直居中*/
    vertical-align:middle;
    }
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2921 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 07:15 · PVG 15:15 · LAX 00:15 · JFK 03:15
    ♥ Do have faith in what you're doing.