如何垂直对齐div内的图像

时间:2011-09-07 15:31:34

标签: css image html vertical-alignment

  

可能重复:
  How to properly vertically align an image

图像尺寸更改但div尺寸固定

这些是CSS但不起作用。是否有可能在不使用CSS的背景功能的情况下实现这一目标。

这是插入图像的CSS类。

    .PI
{
    top: 25px;
    position: absolute;
    width: 239px;
    height: 120px;
    line-height:120px;
    text-align: center;
    left:-2px;
      border-top: 1px solid #f7f7f7;
   background: #b5aeb1;
   background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#b5aeb1));
   background: -webkit-linear-gradient(top, #d9d9d9, #b5aeb1);
   background: -moz-linear-gradient(top, #d9d9d9, #b5aeb1);
   background: -ms-linear-gradient(top, #d9d9d9, #b5aeb1);
   background: -o-linear-gradient(top, #d9d9d9, #b5aeb1);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-decoration: none;
   vertical-align: middle;  
}

.PI img
{
margin: auto;
vertical-align: middle;  
}

0 个答案:

没有答案