none
请问如何让一张图片或一段文字在div中纵向居中显示? RRS feed

  • 问题

  • 如题,我设置了vertical-align css,但是好像这个css样式只对td有效,在div中,该如何实现我需要的效果呢?

    除了设定该div的padding-top和padding-bottom相等这个方法之外。

    谢谢。
    2009年12月3日 1:20

答案

  •     <div style="width:500px; height:500px; border:1px solid #ccc; display:table-cell; vertical-align:middle;">
        <img   />
        </div>
    或者 <img  style=" display:block; margin:0 auto; margin-top:expression((500 - this.height )/2); " />
    • 已编辑 mldark 2009年12月3日 15:47 写错
    • 已标记为答案 Garrid Lou 2009年12月10日 2:37
    2009年12月3日 7:54

全部回复