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;