天线屋中的目录-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>

我该如何解决？