訂購清單上的邊際自動裝訂

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; }