垂直居中兼容性很好的方法

来源:互联网 发布:apache ant 是1.8.4 编辑:程序博客网 时间:2024/04/30 05:05
   <style>        .father{            width:200px;            height:200px;;            border:1px solid chartreuse;            text-align: center;            /*垂直居中的关键*/            display: table-cell;            vertical-align: middle;        }        .children{            width:30%;            height:50px;            text-align:center;            border:1px solid black;            margin: 0 auto;        }    </style></head><body><div class="father">    <div class="children">    </div></div></body>
0 0
原创粉丝点击