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

where45px大约是手风琴高度的245px一半，宽度的一半。

结果：http: //jsfiddle.net/z6Zyj/3/。

Answer 2

我只是将整个手风琴 div 包裹在一个 1x1 的桌子上，然后将桌子居中对齐。使表格宽度与手风琴宽度相同。