Question

我正在手动将word文档转换为HTML，以便在亚马逊Kindle上发布时看起来不错。但是，我无法让目录看起来正确。

基本上，我希望TOC看起来像你有一个有序列表，但有自定义列表项：

目录
前言：我的例子

第一章
苹果
Yadda Yadda ......

Epiogue：The End
附录

如何获得“前言”，“后记”和“附录”标签，使其与列表中的“1”，“2”和“3”对齐？如何获得序言和结尾标题（即“我的例子”和“结束”）以与章节标题的其余部分保持一致？我意识到它可能不是一个真正的HTML列表标签，但我怎么能实现这个外观呢？

注意 - 这必须在Kindle上呈现。没有javascript或任何花哨的东西。

编辑：

如果之前有人询问过这样的话，我很抱歉。我无法想出一个简洁的方法来表达这个问题，这使得搜索难度很大。

Answer 1

我不能说我有经验格式化HTML专门用于在Kindle上渲染，但是下面的基本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上使用了已弃用的<li>属性，但是如果它有效则那么好。如果没有，你可以try the CSS method更改有序列表的编号，但是我想这可能不起作用，这取决于Kindle的CSS功能。

Answer 2

将它们放在没有子弹标记的无序列表中，然后它们应该与其他列表对齐

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

如何在HTML中模拟列表？

2 个答案: