小编Kel*_*lli的帖子

垂直居中,高度可变

我有以下问题:我想垂直居中一些文本.我知道,这并不困难,但我需要它在不知道任何元素高度的情况下居中.高度变化很大,我不能给它一定的高度.

我的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>
Run Code Online (Sandbox Code Playgroud)

这是我的CSS:

 list {
    font: inherit;
    padding: 0px;
    border: 0px none;
    margin: 0px;
    vertical-align: baseline;
    background: #444;
}

.plus-sign-box {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
}

.plus-sign-box-text {
    width: 75%;
    color: #FFF;
    height: 100px; …
Run Code Online (Sandbox Code Playgroud)

html css css-position

4
推荐指数
1
解决办法
2379
查看次数

标签 统计

css ×1

css-position ×1

html ×1