父母div高度未定义时，在另一个div中居中

这个问题在这里已经有了答案：

垂直居中一个div在另一个div 23的答案

---

这是实现它的一种方法:)

https://jsfiddle.net/e4xhrvcf/

.parent{
  width:500px;
  height: 500px;
  background-color:red;
  display: flex;
  align-items: center;
}

---

如果我明白你想要什么，我想你只需要给父母添加相对位置，以便让孩子在绝对工作中工作：

#parent{
 background-color:blue;
 width:400px; 
 height:400px;
 position : relative;
}

---

http://codepen.io/anon/pen/rrdVbO

#parent{
  position: relative;
  background-color:blue;
  width:400px; 
  height:400px;
}
#child {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color:red;
  width:50px; 
  height:50px;
  transform: translate(-50%, -50%);
}

家长需要有一个position对儿童的定义absolute工作。 使用左上角和左侧50％来居中儿童的左上角，并进行transform: translate(-50%, -50%)以将其向上移动并向左移动一半，并保留其自己的高度和宽度。

链接地址: http://www.djcxy.com/p/75873.html

上一篇: Center a div in another div when parent div height is undefined

下一篇: Align div vertically in the middle