css - 向领导者添加填充(安全区)

Question

我有一个打印的目录，上面有领导(例如末尾的页码)

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

我的问题是，如果标题太长，页码会粘在文本上，如下所示:

我想在右侧添加一个内边距，以避免文本太靠右。

不幸的是， anchor 必须是内联元素才能让领导者工作。

我用 display: inline-block;

得到这个

行内不考虑最大宽度或填充。使它们成为 inline-block 并不能解决问题，因为领导者会自动使用 display: inline; 占用它们的空间。

我不能在前面的元素上应用填充(或边距)，这会将页码推到左边，无论我是向右还是向左添加边距或填充。

有什么想法吗？

非常感谢您的帮助。提前谢谢你。

Answer 1

老实说，我只看了全局，我看到了:

Unfortunately, anchors are inline elements. Max width or padding are not respected. Making them inline-block doesn't change anything.

你知道你可以覆盖它吗？

有 display:inline-block;display:block; 和其他一些东西吗？