html – 在DIV中垂直居中UL

前端之家收集整理的这篇文章主要介绍了html – 在DIV中垂直居中UL前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下内容
<div style="background: Red; height: 100px;">
  <ul>
    <li><a href="/">Home</a></li>
  </ul>
</div>

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

马里卢

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

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

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

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

猜你在找的HTML相关文章