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