CSS让一个div相对于body水平垂直居中

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

直爽的香蕉 · linux中非阻塞相应键盘输入_linuc中 ...· 1 年前 ·

爽快的汽水 · mybatis ...· 2 年前 ·

乐观的苦瓜 · apt update ，apt ...· 2 年前 ·

卖萌的眼镜 · for loop - Using ...· 2 年前 ·

left : 50% ; -webkit-transform : translate (-50%,-50%); -moz-transform : translate (-50%,-50%); transform : translate (-50%,-50%);

另一种方法

body {
    margin: 0;
    display: inline-block;
div {
    postion: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
div[id^="vjs_video_"]这种写法表示，id以 "vjs_video_"这样开头的div则使用该样式
    licheeGeneral
        python
       粉丝
 
  目录
 收起
 
 
    
 
  相关推荐
 弹性布局的一次奇妙探索，对布局的掌控力又增加一分
  890阅读
  · 
 6点赞CSS 实现呼吸灯
  537阅读
  · 
 0点赞 变换风格：前端换肤的完整指南
  721阅读
  · 
 0点赞小册上新｜CSS 工程化核心原理与实战
  734阅读
  · 
 1点赞CSS经典问题：BFC（块级格式化上下文）和 flex:1
  729阅读
  · 
 3点赞
 
    友情链接：

推荐文章

直爽的香蕉 · linux中非阻塞相应键盘输入_linuc中非阻塞键盘输入函数-CSDN博客

1 年前

爽快的汽水 · mybatis 动态sql语句实现多条件查询（foreach的使用）_foreach多条件匹配 sql-CSDN博客

2 年前

乐观的苦瓜 · apt update ，apt upgrade 和 apt dist-upgrade 的区别 - the苍穹 - 博客园

2 年前

卖萌的眼镜 · for loop - Using Matlab Parfor with 'Eval' - Stack Overflow

2 年前