前端ABC<html>
<head>
<style>
*{margin:0;padding:0}
.box {
position: absolute;
width:100%;
height:100%;
background-color:gray;
text-align: center;
}
.middle{
padding:3px;
background-color: orange;
}
.box:after{
display:inline-block;
height:100%;
content:'';
vertical-align: middle;
}
</style>
</head>
<body>
<div class="box">
<span class="middle">行内元素</span>
</div>
</body>
</html>
欢迎分享本文，转载请保留出处：前端ABC » css内联元素在块级元素内部垂直水平居中
