星期二, 7月 26, 2011

如果再ul li用了display:inline-block,li雖然會列成一排,但是li間就會出現空格
一般來說這種列表通常是用float:left達成,不過有些時候用第一個方法會比較靈活
但是要怎麼解決中間有空白呢?

請參考下面:
ul { letter-spacing:-10px; }
li { letter-spacing:normal; }

就是在ul將letter-spacing調至看不到空白的狀況(請自己多試幾次,找到適合的值)
再設定li回正常的letter-spacing:normal;



本篇參考用display:inline-block做產品列表

沒有留言:

張貼留言