1. height , line-height
line-height: 100px;
height: 100px;
2. 直接padding 撑大元素
3. position: relative; position: absolute;transform: translate(-50%, -50%);
<div class="center">
<p>我是垂直和水平居中。</p>
</div>
<style>
.center {
height: 200px;
position: relative;
border: 3px solid green;
}
.center p {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}