css - 将填充(安全区域)添加到领导者

我有一个带有领导者的印刷目录（例如末尾的页码）

#table-of-contents ol a::after {
    content: leader(space) target-counter(attr(href), page);
}

我的问题是，标题过长，页码紧贴文本，如下所示：



我想在右侧添加填充，以避免文本在右侧过多。

不幸的是，要使领导者工作，必须将锚点作为内联元素。

我用display: inline-block;



内联不考虑最大宽度或填充。将它们设置为内嵌式并不能解决问题，因为领导者会自动使用display: inline;占用其空间。

我不能在before元素上使用padding（或margin），这将把页码推到左边，无论我在左边还是右边添加margin或padding。



有任何想法吗？

非常感谢您的帮助。先感谢您。

最佳答案

老实说，我只对它进行了整体研究，并且看到：


  不幸的是，锚点是内联元素。不考虑最大宽度或填充。使它们内联块不会改变任何东西。


您知道您可以覆盖吗？

有类似display:inline-block;display:block;之类的东西吗？

关于css - 将填充(安全区域)添加到领导者，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37592565/