2019獨角獸企業重金招聘Python工程師標準>>>

現在就來說個淘寶首頁上的一個小技巧。　　1、類目之間的橫豎線　　從很久很久以前開始，類目間的豎線無非都只有三種。　　1、背景圖　　在a標簽設置一個padding 用寬1px高不等的背景圖來position到右側。　　缺點：最后一個還是要用class來隱藏掉背景。　　2、符號　　在每個a標簽之間用”|”符號來填充。　　缺點：html文件變大，文件維護變得很麻煩，而且在html中毫無意義。　　3、a標簽右側的boder。　　同背景圖一樣，只不過使用border-right來代替。缺點也同上。　　看到這里，可能已經有人打開淘寶首頁用firebug查看源碼來看是怎么做了。　　其實現有是利用ul的overflow:hidden 再將li的margin-left:-1px的做法做出來的。這樣的做法就可以同時避免以上的缺點了。有時單單是給容器添加overflow: hidden，IE6很可能根本

轉載于:https://my.oschina.net/xcntime/blog/6548

總結

以上是生活随笔為你收集整理的[CSS]CSS:类目之间的竖线问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。