有序列表中的保证金自动

Question

我在有序列表上设置margin-auto时遇到问题。设置有点复杂，否则我会创建一个小提琴。您可以查看here。

我需要灰色背景上的有序列表，以根据有多少列表项自动调整它。现在这是我正在使用的代码：

ol {
counter-reset: level1;
font-size: 11px;
margin: 0 auto;
width: 50%;
}

ol li:before {
content: counter(level1, decimal) " ";
counter-increment: level1;
}

.ngg-gallery-list li {
color: gray;
display: inline-block;
margin: 5px 2px !important;
overflow: hidden;
}

如果有超过7-8个列表项，则50％宽度可用于使列表居中，但如果只有3或5，则看起来不太好。我还有什么其他解决方案？

Answer 1

尝试.ngg-gallery-list { text-align: center; }