html - 天线屋中的目录 - CSS 格式问题

Question

我有一个应该显示如下的目录（这是我使用 Antenna House（试用版）6.3.

（页码应该从页面左侧开始设置距离。）

最近升级到 AH 6.6，输出现在不正确；在格式化期间，我得到：

然后最后：

（对不起粗体字）

似乎最初的 0 改变了对齐方式。TOC 是介绍页面的一部分，我认为这是它没有以 0 开头的原因。

我目前拥有的代码是：

li[class*='tab-']{
    width: attr(data-tab);
}
li[class*='tab-']::before{
    padding-left: calc(1em * attr(data-cptlv));
}
li[class*='tab-']::after{
    content: '(' attr(data-dict-pgct) ' ' target-counter(attr(data-ref),page) ')';      
    float: right;
}

对于此 TOC，所有列表项的属性 data-tab 和 data-dict-page 都是相同的（分别为 40% 和“page”）。请参阅下面的 HTML：

<p class="">For this document the simplified Table of Contents looks like this:</p>
<ul class="tab-40">
  <li class="tab-40" data-cptlv="1" data-chptno="1" data-dict-pgct="page"
      data-xmlno="X00355088"
      data-ref="#X00355088"
      data-tab="40%">
     <a href="#X00355088" class="tab-40" title="Introduction"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="2" data-dict-pgct="page"
      data-xmlno="X00355092"
      data-ref="#X00355092"
      data-tab="40%">
     <a href="#X00355092" class="tab-40" title="Preparation"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="3" data-dict-pgct="page"
      data-xmlno="X00355111"
      data-ref="#X00355111"
      data-tab="40%">
     <a href="#X00355111" class="tab-40" title="Tasks"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="4" data-dict-pgct="page"
      data-xmlno="X00355100"
      data-ref="#X00355100"
      data-tab="40%">
     <a href="#X00355100" class="tab-40" title="Finalization"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="5" data-dict-pgct="page"
      data-xmlno="X00355103"
      data-ref="#X00355103"
      data-tab="40%">
     <a href="#X00355103" class="tab-40" title="Reference documents"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="6" data-dict-pgct="page"
      data-xmlno="X00355389"
      data-ref="#X00355389"
      data-tab="40%">
     <a href="#X00355389" class="tab-40" title="Table of Contents"/>
  </li>

我怎样才能解决这个问题？

标签： htmlcssantenna-house