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

相关文章推荐

不羁的围巾 · 你也是来看刻晴穿泳装的吗？3D打印手办自制！ ...· 1 年前 ·

腼腆的水龙头 · 全球最小的VR全景相机努比亚NeoAir ...· 1 年前 ·

迷茫的番茄 · 霸王小子蓝牙手柄说明书_抖抖音· 2 年前 ·

大气的作业本 · 江苏北沿江高铁线路走向一览（附走向图）- ...· 2 年前 ·

仗义的人字拖 · 90后，到！丨4人“组团”升名校，这个寝室“ ...· 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点赞
 
    友情链接：

推荐文章

不羁的围巾 · 你也是来看刻晴穿泳装的吗？3D打印手办自制！！_哔哩哔哩_bilibili

1 年前

腼腆的水龙头 · 全球最小的VR全景相机努比亚NeoAir VR相机评测

1 年前

迷茫的番茄 · 霸王小子蓝牙手柄说明书_抖抖音

2 年前

大气的作业本 · 江苏北沿江高铁线路走向一览（附走向图）- 南京本地宝

2 年前

仗义的人字拖 · 90后，到！丨4人“组团”升名校，这个寝室“神仙打架”！-湖南大学新闻网

2 年前