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; 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的DIV布局的设置（水平或者垂直居中）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。