1

如何在不知道其宽度和高度的情况下垂直和水平对齐 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 需要位于屏幕中央。我已经将它水平对齐,但我无法让它垂直工作。

顺便说一句:我不知道图像的宽度和高度,这只是一个例子。

4

0 回答 0