如何在HTML中模擬列表？

我正在將一個word文檔轉換爲HTML格式，以便在亞馬遜Kindle上發佈時它看起來不錯。但是，我無法使目錄看起來正確。如何在HTML中模擬列表？

基本上，我想TOC看起來像你有一個有序列表得到了什麼，而是使用自定義列表項：

內容
表前言：我的例子

的第一章
蘋果
腳本非常重要...

Epiogue：年底列表
附錄

我怎樣才能獲得「前言」，「尾聲」，和「附錄」標籤與「1」的贊同，「2」和「3」？我怎樣才能得到序言和尾聲標題（即「我的例子」和「結束」）以與章節標題的其餘部分保持一致？我意識到它可能不是一個真正的HTML列表標記，但我怎樣才能實現外觀？

注意 - 這必須在Kindle上呈現。沒有JavaScript或任何幻想。

編輯：

對不起，如果這樣的事情已經被問過。我無法想出一個簡明的方式來表達這個問題，這使得搜索很困難。

來源

2011-08-07 Cybis

爲了讓它完美對齊，我擔心你只需要使用帶有兩列的'

'標籤：左欄爲數字，「前言」和「尾聲」，右欄爲項目。 –

回答

我不能說我已經有經驗，專爲呈現在Kindle格式HTML，但以下基本的HTML和CSS應該可以工作。

HTML：

<h2>Table of Contents</h2> 
<ol id="toc"> 
    <li class="no">Preface: My Example</li> 
    <li value="1">The First Chapter</li> 
    <li>Apples</li> 
    <li>Yadda Yadda...</li> 
    <li class="no">Epilogue: The End</li> 
    <li class="no">Appendix</li> 
</ol>

CSS：

#toc {margin:0; padding:0; } 
#toc li { margin:0 0 .5em 1.25em; } 
#toc li.no { margin-left:0; list-style:none; }

演示：jsfiddle.net/BdfEE

它採用第二一個過時value屬性但如果它的工作，那麼偉大。如果不是，你可以try the CSS method改變有序列表的編號，但我想這可能不起作用，這取決於Kindle的CSS功能。

來源

2011-08-07 09:26:20 Marcel

這看起來很完美。謝謝。不完全是我所要求的（即「我的例子」和「結束」不符合「蘋果」和「Yadda Yadda ...」），但第二想到我所要求的可能看起來有點奇怪。現在已經很晚了，所以我明天會測試它，看它在Kindle上的呈現方式。 – Cybis

@Cybis：啊，對。我的錯誤是沒有正確閱讀。正如暗影精靈所說，桌子可能是你最好的選擇。 – Marcel

把他們在沒有子彈標記無序列表那麼他們就應該與其他列表排列

<ul style='list-style-type: none;'>

來源

2011-08-07 09:02:46

除我想要子彈標記。我不想在TOC中列出章節標題。我也想要這些章節的編號，並且縮小了你通常在書中看到的方式。 – Cybis

看到這個例子：http://jsfiddle.net/WpgRj/ –

相關問題