定位可變長度定價表的內容

Question

我正在嘗試創建基本定價表。

該表可以是可變長度的：在某些情況下，只有一個計劃，其他情況下可能有5個計劃。

我不知道如何將所有的計劃集中在一個更大的灰色格。

我正在使用twitter bootstrap。

這是jsfiddle。請注意，這些計劃是如何浮動離開，而不是在灰色地帶的中部中心

http://jsfiddle.net/vyjru/

感謝您的幫助！

Answer 1

而是浮動的定價表項的左邊，你可以將它們設置爲display:inline-block，然後簡單地設置.pricing_sequence容器text-align:center;

http://jsfiddle.net/vyjru/1/

CSS

.pricing_sequence{ 
    border:1px solid gainsboro; 
    background-color:white; 
    text-align:center; 
} 

.pricing_sequence ol li{ 
    list-style:none; 
    border-left:1px dashed gainsboro;  
    display:inline-block; 
    *display:inline; /* ie7 fix */ 
    vertical-align:top; 
    padding: 10px; 
    text-align: center; 
    width: 160px; 
    overflow: visible; 
}