给父级元素加display:table;text-align:center;
给子元素添加display:table-cell;vertical-align:center;
解释:利用display:table;使div成为一个块级表格元素,给其子元素设置display:table-cell;使子元素成为表格单元格,然后设置vertical-align:middle;可使多行文字垂直居中。
html:
<div class="login"><a href="#" class="btn-block">登录</a></div>
css:
.login {
width: 60%;
height: 10%;
margin: 3% auto;
background-color: rgb(233, 56, 66);
display: table;
text-align: center;
}
.login a {
display: table-cell;
vertical-align: middle;
color: white;
font-size: 20px;
}