css多行文字垂直居中
<div class="ld-text">
<div class="ld-center">
<div class="texts">
现场下定并参与全场统一收银即可在付款时享受5%优惠 注意:
仅限1F建材品牌+2F(部分建材品牌)+3F家具品牌参与。
(部分品牌不参与,详见现场)
</div>
</div>
</div>
<div class="ld-text">
<div class="ld-center">
<div class="texts">
现场下定并参与全场统一收银即可在付款时享受5%优惠 注意:
仅限1F建材品牌+2F(部分建材品牌)+3F家具品牌参与。
(部分品牌不参与,详见现场)
</div>
</div>
</div>
<div class="ld-text"> <div class="ld-center"> <div class="texts"> 现场下定并参与全场统一收银即可在付款时享受5%优惠 注意: 仅限1F建材品牌+2F(部分建材品牌)+3F家具品牌参与。 (部分品牌不参与,详见现场) </div> </div> </div>
.ld-text{
background:#000;
width:200px;
height:200px;
}
.ld-center{
display: table;
height: 200px;
}
.texts{
display: table-cell;
vertical-align:middle;
text-align:center;
padding:0 30px;
color:#fff;
font-size:12px;
}
.ld-text{
background:#000;
width:200px;
height:200px;
}
.ld-center{
display: table;
height: 200px;
}
.texts{
display: table-cell;
vertical-align:middle;
text-align:center;
padding:0 30px;
color:#fff;
font-size:12px;
}
.ld-text{ background:#000; width:200px; height:200px; } .ld-center{ display: table; height: 200px; } .texts{ display: table-cell; vertical-align:middle; text-align:center; padding:0 30px; color:#fff; font-size:12px; }