Html 垂直居中，高度可变

我有以下问题：我想垂直居中一些文本。我知道，这并不难，但我需要它在不知道任何元素高度的情况下居中。高度变化太大了，我不能给它一个特定的高度

我的HTML DOM：

<div class="list">

<div class="plus-sign-box">
    <div class="plus-sign-box-sign"></div>
    <div class="plus-sign-box-text">
        <div class="inner-box">
            <p>

                Lorem ipsum dolor sit amet, consectetuer adipiscin…

            </p>
        </div>
    </div>
</div>
<div class="plus-sign-box">
    <div class="plus-sign-box-sign"></div>
    <div class="plus-sign-box-text">
        <div class="inner-box">
            <p>

                Nulla consequat massa quis enim. Donec pede justo,…

            </p>
        </div>
    </div>
</div>

垂直居中“+”符号很容易，因为它的高度总是50px，但它旁边的文本没有一定的高度

---

有什么帮助吗？

这是我个人解决您问题的方式

下面的代码显示了如何通过使用重影元素垂直对齐元素

潜在解决方案：

.outer{
高度：自动；
文本对齐：居中；
背景：#444；
}
.外部：在{
内容：''；
显示：内联块；
身高：100%；
垂直对齐：中间对齐；
}
跨度{
字体大小：50px；
垂直对齐：中间对齐；
颜色：#FFF；
}
.内部{
填充：10px；
宽度：40雷姆；
显示：内联块；
垂直对齐：中间对齐；
字体大小：20px；
颜色：#FFF；
文本转换：大写；
}

+
这是一个很好的例子…
+
这句话的意思是：“我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！”，阿迪皮辛，阿迪皮辛，阿迪皮辛…
+
这句话的意思是：“我的天啊，我的天啊……我的天啊，我的天啊……我的天啊，我的天啊……我的天啊，我的天啊……我的天啊，我的天啊……我的天啊，我的天啊……我的天啊，我的天啊…

像这样走怎么样

.plus-sign-box-text {
            width: 75%;
            color: #FFF;
            margin-left: 55px;
            height:auto;
    }

或

---

对我来说，理想的答案是以下网站：

---

这是一个非常好的工具，一般来说，你可以选择你的情况下，得到最好的解决方案。您甚至可以选择要支持的IE版本。

很高兴它有帮助，请欣赏！

.plus-sign-box-text {
            width: 75%;
            color: #FFF;
            margin-left: 55px;
            height:auto;
    }

.plus-sign-box-text {
    width: 75%;
    color: #FFF;
    vertical-align:central;
    height:auto;
}