<div id="homeScreen">
<div id="homeWrapper">
<img src="logo.png" alt="logo-icon"/>
<img src="ajaxloader.gif" alt="loading.." id="loader"/>
</div>
</div>
我有两张图片。徽标和加载图像。我需要将徽标水平和垂直放置在中心,并将加载器放置在页面底部的中心。我的 CSS 是这样的:
#homeScreen
{
background: #d1d1d1;
width: 100%;
height: 100%;
display: table;
}
#homeWrapper
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
我可以通过此代码将两个图像都放在中心。但我不需要将装载机与徽标放在同一位置。我需要它在页面末尾而不影响徽标的位置。怎么做?