Javascript 在另一个div的垂直中间居中div 我想把标题标题div垂直地放在标题div的中间，但是不管我尝试什么，我都不能让它坐在中间。有人能提供建议吗

HTML

---

jsiddle here:

您可以使用将标题垂直居中。代码如下：

.header {
  ...
  display: flex;
  align-items: center;
}

---

您可以使用将收割台垂直居中。代码如下：

.header {
  ...
  display: flex;
  align-items: center;
}

---

将

标题的位置设置为相对，然后设置
顶部：50%
，如下图所示<代码>表头

将与外部div相对，并放置在顶部和底部之间的中间点

---

将

标题的位置设置为相对，然后设置
顶部：50%
，如下图所示<代码>表头

将与外部div相对，并放置在顶部和底部之间的中间点

---

当你说“中心”时，可能重复的意思是水平中心还是垂直中心？当我运行JFIDLE时，它对我来说是水平居中的。您需要支持哪些浏览器版本？HTML5是一种选择吗？如果是这样，FlexBox有一个很好的解决方案。否则，您将需要对inline-block进行一些技巧。这也可能与基本上相关，这是一个非常常见的问题，已经被询问了150万次。阅读前面提出的问题，你会找到你的答案。当你说“居中”时，你是指水平居中还是垂直居中？当我运行JFIDLE时，它对我来说是水平居中的。您需要支持哪些浏览器版本？HTML5是一种选择吗？如果是这样，FlexBox有一个很好的解决方案。否则，您将需要对inline-block进行一些技巧。这也可能与基本上相关，这是一个非常常见的问题，已经被询问了150万次。阅读前面提出的问题，你会找到你的答案。添加

页边距顶部：-50%

to

。header headline

来解释div的大小，你已经把它完全居中了。@MikeC当我昨晚下班开车回家时，我突然想到我忘了解释div的大小。在这方面做得很好：）加上

margintop:-50%

to

。header headline

来解释div的大小，你已经把它完全居中了。@MikeC当我昨晚下班开车回家时，我突然想到我忘了解释div的大小。这是一个很好的电话：）

.header {
  ...
  display: flex;
  align-items: center;
}