如何訂購列表的上方和下方空間刪除

<html> 
<body> 

sdadfasdf a 
<ol> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Milk</li> 
</ol> 
asfdasdfasdfadf 

</body> 
</html>

如何訂購列表的上方和下方空間刪除

輸出是

sdadfasdf一個

咖啡
茶
牛奶

asfdasdfasdfadf

如何訂購列表的上方和下方空間刪除

來源

2010-10-06 Tree

用css：

ol { 
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-bottom: 0px; 
}

來源

2010-10-06 08:45:13

margin屬性應該足夠了。 +1雖然不重置*所有*。 – 2010-10-06 08:48:01

去除padding和margin：

ol { 
    margin: 0; 
}

來源

2010-10-06 08:43:58

我敢肯定你想說的話：醇，醇李{[...] :) – methode 2010-10-06 08:44:34

是的，我注意到和固定它，謝謝:) – 2010-10-06 08:46:07

，也將刪除縮進，這不是OP所要求的。 – 2010-10-06 08:51:50

每個瀏覽器通常添加了補白，邊框和邊距作爲所有標籤的默認設置，請嘗試以下CSS：

html,body,div,p,h1,h2,h3,h4,h5,h6,address,blockquote,code, 
ul,ol,li,dt,dl,dd,form,fieldset,hr,table,caption,tr,tbody, 
td,tfoot,th,thead,img,object,sub,sup,big,small { 
margin: 0; 
padding: 0; 
border: 0; 
}

這應該重置爲0，包括空格。你可以根據自己的規則和法律移動和放置你的元素。

來源

2010-10-06 08:44:38 Shaoz

順便說一句，是不是更容易寫：'* {margin：0;填充：0; border：0;大綱：0; }' – 2010-10-06 08:47:44

是的，你也可以這樣做。忘了提及它。但是，以防萬一你不希望一切都被重置... – Shaoz 2010-10-06 08:51:22

@KARASZIIstván你可以但它被認爲是一種壞習慣。而是使用eric meyer的css重置http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ – Christophe 2010-10-06 09:20:25

如何訂購列表的上方和下方空間刪除

回答

相關問題