CSS：在页面中央对齐手风琴

今天的问题：如何垂直对齐*#@$·试试：

结果：

如果您想要一个仅CSS的解决方案，您必须执行以下操作：

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

其中

45px

大约是手风琴高度的一半，而

245px

是手风琴宽度的一半

结果：

尝试：

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

结果：

如果您想要一个仅CSS的解决方案，您必须执行以下操作：

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

其中

45px

大约是手风琴高度的一半，而

245px

是手风琴宽度的一半

---

结果：

我刚刚把整个手风琴div包装在一张1x1的桌子上，并将桌子居中对齐。使桌子宽度与手风琴宽度相同。

我刚刚将整个手风琴div包装在1x1桌子中，并将桌子居中对齐。使桌子宽度与手风琴宽度相同