小编tod*_*iHH的帖子

在父级中将子div居中/底部对齐

我想将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.

html css alignment

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

alignment ×1

css ×1

html ×1