Html css中的垂直对齐

我正在使用引导。下面是我正在使用的代码示例

<div class="row">
    <div class="col-lg-6"><img src="#" alt=""></div>
    <div class="col-lg-6">
        <h2>Heading</h2>
        <p>Some Text</p>
        <p>Some more text</p>
    </div>
</div>

问题是，父元素并没有高度，所以我在网上和通过StackOverflow找到的每个解决方案似乎都不适合我。我感谢在这方面的任何帮助。任何帮助都将不胜感激

---

提前感谢

如果您可以将这些段落包装到

div

中，那么您可以使用以下解决方案

col-lg-6

更改为

col-xs-6

，只是为了在代码段中显示左右布局

.outer{
显示器：flex；
对齐项目：拉伸；
}
.中{
显示器：flex；
对齐项目：居中；
}

标题
一些文本

更多的文字

如果您可以将这些段落包装成

div

，则可以使用以下解决方案

col-lg-6

更改为

col-xs-6

，只是为了在代码段中显示左右布局

.outer{
显示器：flex；
对齐项目：拉伸；
}
.中{
显示器：flex；
对齐项目：居中；
}

标题
一些文本

更多的文字

1. The table/table-cell trick.
2. The transform/Translatey trick.
3. Setting margin-top to 50% (didn't think that would work).
4. flex and align-items/justify-content.