css - CSS：ページの中央にアコーディオンを配置します

Question

今日の質問：ページの真ん中に*＃@ $¤<ç〜＆＃アコーディオンを垂直に配置するにはどうすればよいですか（垂直方向と水平方向に配置します）？これがjsFiddleです

Answer 1

試す：

myUl = $("ul");
myUl.css('position', 'absolute');
myUl.css('top', $(window).height() / 2 - myUl.height() / 2);  
myUl.css('left', $(window).width() / 2 - myUl.width() / 2);  

結果： http： //jsfiddle.net/z6Zyj/2/。

CSSのみのソリューションが必要な場合は、次のようにする必要があります。

ul {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -295px;
}

45pxアコーディオンの高さの約半分と245px幅の半分はどこにありますか。

結果： http： //jsfiddle.net/z6Zyj/3/。

Answer 2

アコーディオンdiv全体を1x1テーブルにラップし、テーブルを中央揃えにしました。テーブルの幅をアコーディオンの幅と同じにします。