html+引导,html – 引导点的CSS样式

我正在研究一种CSS样式,它为目录页面生成点.该代码基于

https://code.google.com/p/wkhtmltopdf/issues/detail?id=1073.

我们的想法是创建一个包含大量点的div,并用一个带有白色背景的span-elements(文本和页码)覆盖它.

这非常有效,除了以下两个问题：

码：

xmlns:xsl="http://www.w3.org/1999/XSL/Transform"

xmlns:outline="http://code.google.com/p/wkhtmltopdf/outline"

xmlns="http://www.w3.org/1999/xhtml">

doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

indent="yes"/>

Table of Contents

body {

padding: 0cm;

font-family: "Georgia";

font-size: 12pt;

}

h1 {

text-align: left;

font-size: 18pt;

font-family: "Georgia";

font-weight: Normal;

margin: 0;

padding: 0 0 0 0mm;

}

/* We set the height of the DIV and place the link and page number absolutely.

The DIV is filled with dots,but these are hidden by the link and span which have a white

background.

*/

div {

position: relative;

height: 16pt;

line-height: 16pt;

padding: 0;

margin: 4pt 0 2pt 0;

white-space: nowrap;

overflow: hidden;

}

a,span {

position: absolute;

top: 0;

display: inline-block;

line-height: 16pt;

background-color: white;

}

a {

left: 0;

text-decoration: none;

color: black;

}

span {

right: 0;

text-align: right;

padding-left: 4pt;

}

ul {

padding-left: 0;

list-style: none;

}

ul ul {

font-size: 100%;

padding-left: 0em;

}

Table of Contents

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

有谁知道如何解决这些问题？

谢谢！