我今天正在尝试一些基本的CSS，我偶然发现了一个问题。我希望有人可以帮助我。
如何垂直居中对齐 父容器 到具有位置的画布：相对于它？父容器有一个子元素，其position：absolute。子元素已定位到父容器的中心。
我为此创建了一个JSFiddle。 http://jsfiddle.net/exmRf/
干杯， 维恩。
我今天正在尝试一些基本的CSS，我偶然发现了一个问题。我希望有人可以帮助我。
如何垂直居中对齐 父容器 到具有位置的画布：相对于它？父容器有一个子元素，其position：absolute。子元素已定位到父容器的中心。
我为此创建了一个JSFiddle。 http://jsfiddle.net/exmRf/
干杯， 维恩。
一个解决方案是包装你的 .container 有两个包装;给第一个 display: table; 和 height: 100%; width: 100%; 第二个 display: table-cell; 和 vertical-align: middle;。还要确保你的 body 和 html 有全高。
这是一个有点工作的演示： 小链接。
另一种方法是申请 top: 50%; 到你的 .container 和 margin-top: -150px; （300px / 2 = 150px）。 （请注意，此方法要求您知道容器的确切高度，因此它 威力 不完全是你想要的，但也可能是！）。后一种方法的一个小工作演示： 另一个小链接。
我希望有所帮助！
一个解决方案是包装你的 .container 有两个包装;给第一个 display: table; 和 height: 100%; width: 100%; 第二个 display: table-cell; 和 vertical-align: middle;。还要确保你的 body 和 html 有全高。
这是一个有点工作的演示： 小链接。
另一种方法是申请 top: 50%; 到你的 .container 和 margin-top: -150px; （300px / 2 = 150px）。 （请注意，此方法要求您知道容器的确切高度，因此它 威力 不完全是你想要的，但也可能是！）。后一种方法的一个小工作演示： 另一个小链接。
我希望有所帮助！