風格在EPUB

Question

ePub的字母列表，我想以這種方式來樣式單字母的列表：

(a) Some text goes here. 
(b) More text here. 
(c) This line is longer. It goes on and on. And on some more. And then it 
    keeps going until it wraps. 
(d) Another long line. This one will wrap too, once it gets to be long 
    enough. You get the idea. The text should always line up while the 
    list letters hang. 

下面的代碼將做我想要在每個列表的基礎是什麼：

ol.alpha_list { 
    counter-reset: item; 

} 

ol.alpha_list > li { 
    list-style: none; 
    position: relative; 
} 

ol.alpha_list li:before { 
    counter-increment: item; 
    content:"(" counter(item, lower-alpha) ") "; 
    position: absolute; 
    left: -1.4em; 
} 

但是這不會正確顯示在我的epub文件中。它出來是這樣的：

(a) Some text goes here. 
(b) More text here. 
(c) This line is longer. It goes on and on. And on some more. And then it 
keeps going until it wraps. 
(d) Another long line. This one will wrap too, once it gets to be long 
enough. You get the idea. The text should always line up while the 
list letters hang. 

有沒有什麼辦法讓它像第一個例子中的工作？

Answer 1

嘗試添加「list-style-position：outside;」和「margin-left：2em;」在里斯本。

ol.alpha_list { 
    counter-reset: item; 

} 

ol.alpha_list > li { 
    list-style: none; 
    position: relative; 
    list-style-position: outside; 
    margin-left: 2em; 
} 

ol.alpha_list li:before { 
    counter-increment: item; 
    content:"(" counter(item, lower-alpha) ") "; 
    position: absolute; 
    left: -1.4em; 
}