Javascript 在div内垂直居中段落 我有一个段落,我想把它垂直地放在一个分区的中心。。。

Javascript 在div内垂直居中段落 我有一个段落,我想把它垂直地放在一个分区的中心。。。,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这应该是一个足够简单的事情来实现,但我使用了一个响应字体混合,它可以根据容器宽度动态缩放文本字体大小 当文本本身改变大小时,如何使文本在其父div中居中 任何帮助/建议/建议都将不胜感激 这应该可以 .center-div p{ position: relative; top: 50%; transform: translateY(-50%); } 如果您使用: 您可以使用flexbox实现一种简洁的方式 .center-div{ display: flex; align-i

这应该是一个足够简单的事情来实现,但我使用了一个响应字体混合,它可以根据容器宽度动态缩放文本字体大小

当文本本身改变大小时,如何使文本在其父div中居中

任何帮助/建议/建议都将不胜感激

这应该可以

.center-div p{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

如果您使用:


您可以使用flexbox实现一种简洁的方式

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

这是笔:

Flexbox在所有浏览器的当前版本上都得到广泛支持,因此除非您必须支持非常旧的浏览器,否则您应该可以使用它。谢谢您的帮助!
.center-div {
  display: flex;
  align-items: center;
}
.center-div{
 display: flex;
 align-items: center;
}