解決「加載gif圖」居中問題

CSS

.item-div{
//border: 1px solid #5E6372;
    display: table;
    height: 100%;
    width: 100%;
}
.item-div div{
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}
.item-div img{
    width: 50px;
}

HTML：

<div class="item-div">
     <div>
        <img src="__PUBLIC__/icon/loadingOfAgent.gif"/>
     </div>
</div>

這裏一共用到了四個主要屬性，text-align:center;      vertical-align: middle;     display: table;    display: table-cell。

1. 讓父級DIV使用    display: table;是爲了是使這個盒子的寬度達到 100%。width: 100%;用在使用了    display: table-cell;上是沒效果的。

2. text-align:center;      vertical-align: middle;用在子級DIV分別用做     水平居中和    垂直居中；text-align:center;對不少元素都是有效的，可是vertical-align: middle;則是隻對    td有效，因此這裏講子級DIV的屬性display爲table-cell