css - 有序列表上的 margin 自动

Question

我在对有序列表设置 margin-auto 时遇到问题。设置有点复杂，否则我会创建一个 fiddle 。可以查看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; }