如何在不知道宽度和高度的情况下垂直和水平对齐div？
示例：
<body style="padding:0px; margin:0px;">
<div id="FancyOverlay" style=" position:fixed; width:100%; height:100%; background-color:green;">
<div id="Grandparents" style="position:absolute; left:50%; z-index:1;">
<div id="Parent" style="position: relative; left:-50%; padding:10px; border:1px solid black;">
<img id="fancyImage" src="https://appharbor.com/assets/images/stackoverflow-logo.png"></img>
</div>
</div>
</div>
</body>
测试此代码，以便您可以看到我正在尝试做的事情。 #Parent需要位于屏幕的中心。我已经水平对齐但是我不能垂直对齐它。
顺便说一句： 我不知道图像的宽度和高度，这只是一个例子。