相关疑难解决方法(0)

可能重复:
如何正确垂直对齐图像

图像大小更改但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; …

我想在页面上居中一个未知宽度/高度的图像,同时确保它比页面大(即使用max-width/ max-height)时缩小.

我尝试使用该display:table-cell方法,但max-width在Firefox中忽略了声明的元素中的所有元素display:table-cell.有没有办法在不使用display:table-cell？的情况下垂直居中可变高度元素？

我可以改变标记.JavaScript是可以接受的,但我不能使用JQuery(或任何其他JS库).