Html 我可以将垂直对齐应用于绝对定位div内的图像吗？

我有一个绝对定位的div和一个图像在里面，我可以垂直对齐图像到上一个div的中心吗？它可能看起来像一个转载，实际上可能是，但我找不到一个适合我的答案

    <div id="filteredImgContainer">
        <img id="loading" src="images/loader.gif" height="328" alt="" />
    </div>

---

我尝试过这个方法，效果很好：

#filteredImgContainer
{
   height: 100px;
   width: 100px;
   max-height: 328px !important;
   max-width: 251px !important;
   position: absolute;
   border:solid 1px black;
}
#loading
{
   margin: auto;
   position: absolute;
   top: 0; left: 0; bottom: 0; right: 0;
}

---

如果设置

.filteredImgContainer>img{display:inline block；vertical align:middle；}

，则应将元素与包含的

div的中间对齐。然后，您可以设置包含
div的样式，以将图像移动到所需的位置

如果您的
img
元素要具有类
.filteredImg
，则将
显示：块
更改为
显示：内联块
，并添加
垂直对齐：中间
在CSS规则之后添加以下内容将使图像与中心对齐

#filteredImgContainer:before{width: 1px; display: inline-block; height: 328px; vertical-align: middle; content: ''; margin-left: -1px;}
#loading{ vertical-align: middle; }

要澄清：是否要将
.filteredImg
置于
filteredImgContainer
内部的中心位置？将图像包装在另一个div中，位置相对、高度和宽度与#filteredImgContainer相同。而.filteredImg要在中心对齐，
位置：绝对；左：50%；最高：50%；页边顶部：-图像高度/2；左边距：-widthOfImage/2
如果图像像我怀疑的那样具有.filteredImg类，作为块元素（根据其css），垂直对齐将无效。@根据提供的css，它是块
.filteredImg{display:block；。
#filteredImgContainer:before{width: 1px; display: inline-block; height: 328px; vertical-align: middle; content: ''; margin-left: -1px;}
#loading{ vertical-align: middle; }