Question

我正在使用Document X！帮助工作室，我想制作一个列表＆lt; li＆gt;作为我写的文档的每个部分的标题。也可以大胆编号吗？我尝试使用CSS，但它不起作用。

Answer 1

CSS counters可以帮助您实现这一目标，而无需在<b>代码中手动编写数字。

我为你写了一些代码，亲自检查一下。

＆＃13;

ol {
  counter-reset: list-counter;
}

ol li {
  position: relative;
  display: block;
}

ol li:before {
  position: absolute;
  right: 100%;
  margin-right: .5em;
  font-weight: 700;
  counter-increment: list-counter;
  content: counter(list-counter) "."; 
}

＆＃13;

<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
  <li>Seven</li>
  <li>Eight</li>
  <li>Nine</li>
  <li>Ten</li>
  <li>Eleven</li>
  <li>Twelve</li>
  <li>Thirteen</li>
</ol>

＆＃13;

编辑：正如Lister先生所建议的那样，我略微修改了CSS，以便数字（子弹）占用的空间不会影响结构和可读性。

Answer 2

目前还不清楚你在问什么，我没有足够的代表来简单评论。

但如果我理解正确，您可以在<b>标签之间放置编号，使其变为粗体。您也可以放在<span>之间，然后使用font-weight: bold;将它们加粗。

编辑：

您的<li>代码如下所示：

<li><b>1.</b> Some text</li>

希望这有帮助

列表<li>的XHTML粗体编号

2 个答案: