如何在不知道其宽度和高度的情况下垂直和水平对齐 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 需要位于屏幕中央。我已经将它水平对齐,但我无法让它垂直工作。
顺便说一句:我不知道图像的宽度和高度,这只是一个例子。