我可以減少li號碼和內容之間的間距嗎？

Question

我想減輕序和內容之間的間距，即我想改變：

1. foo 

到：

1. foo 

可能嗎？普通<ol><li>...content</li></ol>

Answer 1

嘗試list-style-position:inside;

Answer 2

您可以用跨度

<ol> 
    <li><span style="margin-left: -10px">near</span></li> 
    <li>normal</li> 
</ol> 

做它，你也可以做這樣的事情：

<ol> 
    <li style="text-indent: -5px">near</li> 
    <li>normal</li> 
</ol> 

Answer 3

看樣子你可以增加空間使用padding-left，但不能減少它。

我相信你需要解決一個替代的解決方法，比如用div或span標籤包裝每個列表項的內容，並給該標籤留下一個負邊界。

Answer 4

爲了每個人的利益，我有同樣的問題。問題是，它不是空白或填充，你可能會認爲你只需要編輯被設置成默認的保證金......

<ol> 
    <li><p style="margin-left: -30">content1</p></li> 
    <li><p style="margin-left: -30">content2</p></li> 
</ol> 

希望這會有所幫助，這是一個相當痛苦。