簡單的滑塊jQuery插件居中編號的按鈕與CSS

Question

嘿傢伙！ 我正在嘗試執行Easy Slider jQuery Plugin版本1.7，並遇到一些問題。 從此demo頁面，您可以看到幻燈片下面的編號按鈕，我試圖將它與幻燈片對齊，但無法使其正常工作。

這是編號按鈕的默認CSS，並想知道我必須改變它，以便它在頁面中間。

/* numeric controls */ 

ol#controls{ 
    margin:1em 0; 
    padding:0; 
    height:28px;  
    } 
ol#controls li{ 
    margin:0 10px 0 0; 
    padding:0; 
    float:left; 
    list-style:none; 
    height:28px; 
    line-height:28px; 
    } 
ol#controls li a{ 
    float:left; 
    height:28px; 
    line-height:28px; 
    border:1px solid #ccc; 
    background:#DAF3F8; 
    color:#555; 
    padding:0 10px; 
    text-decoration:none; 
    } 
ol#controls li.current a{ 
    background:#5DC9E1; 
    color:#fff; 
    } 
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} 

/* //易滑塊*/

感謝您的幫助！

Answer 1

父元素只需設置

text-align:center; 

。

編輯：添加以下內容（用正確的寬度，我沒有檢查），以醇：＃控件風格DEF：

width:250px; 
    text-align:center; 
    margin-left:auto; 
    margin-right:auto;