html结构为：
<div id='div2'> <div id='div1'></div></div>
css代码为：
#div2{ height:300px;width:300px; border:1px red solid; text-align:center; margin:auto;}#div1{ height:50px;width:50px; position: relative; top: 50%; transform: translateY(-50%); border:1px red solid; margin:auto;}其中最核心的css是这三行
position: relative; top: 50%; transform: translateY(-50%);
为了浏览器兼容性，需要在transform属性前添加浏览器前缀
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
688
收藏
