擺脫列表樣式類型和文本

Question

幸福感的保證金，這就是html代碼：

<ul> 
    <li>first item</li> 
    <li>second item</li> 
</ul> 

而CSS：

ul, li { margin: 0px; padding: 0px; } 

沒什麼特別的，對不對？沒有什麼值得驕傲的，它只是顯示沒有任何邊距或填充的列表。嗯，差不多......

http://i46.tinypic.com/wmhwmv.jpg

什麼這個空間呢？我似乎無法擺脫它。有任何想法嗎？ ：]

Answer 1

如果你想刪除的文字和子彈之間的空間，你必須更改HTML代碼一點點：

<ul> 
    <li><span>first item</span></li> 
    <li><span>second item</span></li> 
</ul> 

通過給出li的相對位置和跨度的絕對位置，您可以將跨度移至左側：

li { 
    position: relative; 
} 

li span { 
    position: absolute; 
    left: 0; 
} 

Answer 2

你可以破解它以使其工作，但也許你可能想要考慮刪除列表樣式並在你的<li>上使用背景，就像你可以完全控制它。

關於一個很好的參考：http://www.alistapart.com/articles/taminglists/

W3Schools的：http://www.w3schools.com/Css/css_list.asp

Answer 3

實現此目的的唯一可靠的跨瀏覽器方式是完全刪除子彈並在您的li s上使用背景圖像。這適用於所有主流瀏覽器（甚至IE5和Netscape 7.1），並且不需要對HTML本身進行任何更改。請參閱Listamatic瞭解優秀指南。