内联元素在块级元素内部垂直水平居中

2024-04-27 15:13:23

字体：大中小

来源：转载

供稿：网友

<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>

上一篇：前端面试题

下一篇：【前端面试】HTML5+CSS3初级面试1