如何設置列表填充/頁邊空白

這對於標準項目符號列表來說並不多，但對於羅馬數字，數字寬度可以在一個<li>到另一個之間變化很大。如何設置列表填充/頁邊空白

例如：二十七VS

我有一個艱難的時間列表設置足夠的留白，使廣「子彈」不要修剪和狹窄的子彈不要讓笨拙縮進沒有理由。

基本上我正在尋找一個CSS解決方案，以實現最小的左間距，使子彈/數字永遠不會被剪切。

我怕我不明白問題。你能不能分享一個例子或者試着更好地解釋一下？我沒有看到羅馬數字bulleting的問題（如圖所示）http://jsfiddle.net/CG3bD/ –

-1

不知道這是你問什麼W/O的例子，但是試試這個：任何你想要

li { 
    list-style: upper-roman; 
    margin: 0 0 0 2em ; 
}

變化2em的。 JSfiddle。

2013-10-30 18:22:32 nicole

downvoted因爲...？ – nicole

您對關於尷尬縮進的擔心是有效的。但這是有序列表的本質。但是你可以通過使用這個CSS聲明來避免裁剪問題。

li { 
    list-style-position: inside; 
}

這個聲明應該避免在剪切得到任何東西，但根據數字的長度，你的列表項的內容將是進一步英寸

2013-10-30 18:24:16 dzny

謝謝。這看起來像我想要的。你知道關於X瀏覽器對此的支持嗎？ – emersonthis

[W3Schools：list-style-position]（http://www.w3schools.com/cssref/pr_list-style-position.asp） – dzny

回答