侧边栏壁纸
博主头像
会飞的大象博主等级

爱运动的程序猿

  • 累计撰写 126 篇文章
  • 累计创建 158 个标签
  • 累计收到 0 条评论
标签搜索

目 录CONTENT

文章目录
css

div水平垂直居中

会飞的大象
2021-03-03 / 0 评论 / 0 点赞 / 794 阅读 / 0 字

1.子级设置 absolute+margin:auto,top、left、right、bottom的值相等即可,不一定要都是0
image.png
2.子级设置absolute+left:50%;top:50%;margin-left:减去此元素宽度的一半;margin-top:减去此元素高度的一半
image.png
缺点:需要知道子元素的宽高

3.子级absolute+left:calc(50%减去宽度的一半);top:calc(50%减去高度的一半);
image.png
4.子级 absolute+left:50%;top:50%;再使用transfrom:translate(-50%,-50%)
image.png
5.flex布局(建议使用)
image.png

0

评论区