html-文本标签在div内水平垂直居中显示

给父级元素加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;

}