0

やあみんな！Easy Slider jQuery Pluginバージョン 1.7を実装しようとしていますが、いくつか問題があります。このデモページから、スライドの下に番号付きのボタンが表示されます。私はそれをスライドの中央に配置しようとしていますが、うまく機能しません。

これは番号付きボタンのデフォルト 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;}

/* // 簡単スライダー */

助けてくれてありがとう！

4

1 に答える 1

0

設定するだけ

  text-align:center;

親要素で。

編集: 以下を ol#controls スタイル定義に追加します (正しい幅で、私はチェックしませんでした):

    width:250px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
于 2011-03-05T03:27:32.390 に答える