有序列表-隐藏在3位数字中的第一位数字

Question

我有一个包含几百个条目的多列排序列表。

一切都显示正常，对于最左边的列，除外。列表元素编号达到3位数字后，第一位数字被隐藏。例如，显示的数字为97，98，99，00，01，等等。>

但是这只会在最左边的列中发生。其他列显示就很好。在Firefox和Chrome中，该问题均100％发生。没有错误消息，只是显示不正确。

---

我想我找到了解决方法。我如下更改了左边距：

margin-left：.5em;

这不是理想的，因为它会将列表中的所有内容

向右移动。仍然有一些浪费的空格，但是至少我现在可以看到所有数字。

有人有更好的主意吗？

实验中，我发现像这样设置列表边距会使丢失的数字可见，但是会引起其他问题：

li {左边距：1.4em； }

现在的问题是every

元素获得了额外的余量，从而导致整个显示中浪费了大量空白。也许我无法从这里到达那里。

请参见http://www.hymntime.com/tch/mid/met/CM.htm

上的示例。您必须向下滚动，因为只有到达元素＃100才会出现此问题。

任何人都知道如何解决此问题，以便我们可以看到3位数的数字，但又不会浪费很多屏幕空间？

我有一个包含几百个条目的多列排序列表。除最左边的列外，其他所有内容均显示正常。列表元素编号达到3位数字后，第一位数字将被隐藏。对于...

Answer 1

我可能是错的，但是除非您更改标记并将其更多地倾向于flexbox方法，而不是直接将有序列表倾斜，否则调整<li>'s上的左边距是获得加成白色的唯一途径空间。