DIV布局的设置（水平或者垂直居中）

HTML 代码

---

<ul>       <li>          <div class="list">             <div><img src="/imgs/tuan/head_0002s_0001s_0000.png" alt=""></div>             <div class="transaction">                <div>疯狂的小萝卜</div>                <div><span>2016-7-15</span><span>20:13:12</span></div>             </div>             <div class="transaction_treat">                <div>+5.8</div>                <div>交易成功</div>             </div>          </div>       </li>    </ul>

---

DIV垂直排列

.list{       /* Firefox */       display:-moz-box;       -moz-box-orient:horizontal;       /* Safari、Opera 以及 Chrome */       display:-webkit-box;       -webkit-box-orient:horizontal;    }

---

DIV水平排列

.transaction,.transaction_treat{       /* Firefox */       display:-moz-box;       -moz-box-orient:vertical;       /* Safari、Opera 以及 Chrome */       display:-webkit-box;