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