如何設置ul中li的行距

默認情況下是下面的樣子，行距太大了，不美觀，需要調整。

 

但是像下面這樣給ul或li設置行高是無效的，

ul {

       display:block;

       list-style-type:none;

line-height:20px;

} 

li {

       display:inline;

line-height:20px;

} 

正確的做法應該是給ul設置邊距。在ul中li是塊級元素，它與別的塊之間有空白，通過給ul設置屬性，減少空白的大小就可以達到減少li的行間距的效果。

ul {

       display:block;

       list-style-type:none;

margin:5px;

}

這樣看起來緊湊多了。