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

来源:互联网 发布:java default关键字 编辑:程序博客网 时间:2024/04/30 06:19
<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>

0 0