我想将div父母div(header-image作为背景图像)内的孩子对齐,垂直和水平居中.
<div id="header-image">
<div class="row">
... Content
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我找到了水平居中的解决方案:
<div style="position: absolute; left: 50%;">
<div style="position: relative; left: -50%;">
... content
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
但不知道如何将内容放到底部(仅适用于position:absolute)
为了更好地理解http://webstopp.de/,您可以在其中看到一个header-image文本,但文本必须位于文本的底部header-image div.