margin隱藏最後的分割線

標籤：style   class   blog   code   width   2014   

<style>*{margin: 0;padding: 0;}#demo li{    border-bottom: 1px solid #ccc;}#demo ul{    margin-bottom: -1px;}#demo{overflow: hidden;}</style><div id="demo"><ul><li>寫個內容其實好睏難啊。。。</li><li>寫個內容其實好睏難啊。。。</li><li>寫個內容其實好睏難啊。。。</li><li>寫個內容其實好睏難啊。。。</li><li>寫個內容其實好睏難啊。。。</li></ul></div><style>#demo2{background: #aaa;width:620px;}#demo2 ul{margin-right: -100px;overflow: hidden;}#demo2 li{float: left;margin-right: 10px;}.img{width: 200px;height: 200px;background: #ddd;}</style><div id="demo2"><ul><li><div class="img"></div></li><li><div class="img"></div></li><li><div class="img"></div></li></ul></div>

一般來說，我們都不喜歡看到最後有一條線，但是用樣式去清楚那最後的線，非常麻煩，迴圈輸出時，還要判斷是否到結尾。

margin可以很好的解決這個問題。

直接上代碼，不解釋。