水平垂直居中一个元素（五种方法）

最新推荐文章于 2024-04-23 20:50:55 发布

艾欢欢

最新推荐文章于 2024-04-23 20:50:55 发布

阅读量714

点赞数

分类专栏： CSS 文章标签：水平垂直居中定位弹性盒子

本文链接：https://blog.csdn.net/AiHuanhuan110/article/details/88582465

版权

如何水平垂直居中一个元素第一种：使用定位（已知本身元素宽高）/*子元素*/.div1{ width: 400px; height:400px; background-color: red; position: absolute; top: calc(50% - 200px); left: calc(50% - 200px);}第二种：使用...

摘要由CSDN通过智能技术生成

第一种：使用定位（已知本身元素宽高）

/*子元素*/
.div1{
   
    width: 400px;
    height:400px;
    background-color: red;
    position: absolute;
    top: calc(50% - 200px);
    left: calc(50% - 200px);
}

第二种：使用定位（利用transform）

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

艾欢欢

关注关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
水平垂直居中一个元素（五种方法）

如何水平垂直居中一个元素第一种：使用定位（已知本身元素宽高）/*子元素*/.div1{ width: 400px; height:400px; background-color: red; position: absolute; top: calc(50% - 200px); left: calc(50% - 200px);}第二种：使用...
复制链接

扫一扫