如果再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做產品列表
沒有留言:
張貼留言