html – 在DIV中垂直居中UL

我有以下内容：

<div style="background: Red; height: 100px;">
  <ul>
    <li><a href="/">Home</a></li>
  </ul>
</div>

我想在div中垂直居中ul,但我不确定如何.
Fiddle demo任何人都可以就此提出建议.

马里卢

解决方法

CSS不支持任意块元素的垂直居中.然而,有许多“黑客”会让你“让它工作”.

您可以将父div设置为display：inline.但是,您的高度和背景颜色会出现问题.

W3C链接：http://www.w3.org/wiki/CSS/Properties/vertical-align

一个黑客会这样做:(也有一个很好的解释)http://phrogz.net/css/vertical-align/index.html