Html 在不影响JQuery的情况下，垂直居中放置我的div中的文本

如何使div中的文本垂直居中而不影响JQuery？我必须使所有div的高度相等？我一直在尝试添加前50名和左50名，但这把我的div的尺寸搞乱了

在垂直文本的迫切需要

jQuery（文档）.ready（函数（$）{
$（文档）.ready（函数（）{
最大高度=0；
$（'.main article'）。每个（函数（）{
maxheight=$（此）.height（）>maxheight？$（此）.height（）：maxheight；
})
$（'.main article'）。高度（最大高度）；
});
});
/*登录页*/
#登陆页{
边缘顶部：2.5em；
}
.着陆台{
边缘顶部：2.5em；
最大宽度：56em；
保证金：0自动0；
}
.landingpage.主要文章{
浮动：左；
宽度：29.33%；
利润率：1%；
填充：1%；
文本对齐：居中；
颜色：#fff；
字号：2em；
背景色：#d80000；
最小高度：6.2米；
}
第1.lp1条{
/**/
背景图片：url（../../../wp admin/images/cpr_lp_03.jpg）；
背景尺寸：封面；
}
第2.lp2条{
背景图片：url（../../../wp admin/images/cpr_lp_04.jpg）；
背景尺寸：封面；
}
第3.lp3条{
背景图片：url（../../../wp admin/images/cpr_lp_05.jpg）；
背景尺寸：封面；
}
第4.lp4条{
背景图片：url（../../../wp admin/images/cpr_lp_07.jpg）；
背景尺寸：封面；
}
第5.lp5条{
背景图片：url（../../../wp admin/images/cpr_lp_08.jpg）；
背景尺寸：封面；
}
第6.lp6条{
背景图片：url（../../../wp admin/images/cpr_lp_09.jpg）；
背景尺寸：封面；
}
@介质和全部（最大宽度：800px）{
.landingpage.主要文章{
宽度：100%；
}
.主要文章{
背景图像：无；
最小高度：1米！重要；
最大高度：2米！重要；
}
}
@介质和全部（最小宽度：1100px）{
.landingpage.主要文章{
宽度：29.33%；
}
.主要文章{
/*背景图像：无*/
最小高度：9em！重要；
最大高度：9em！重要；
}
}
分区#着陆页{
最大宽度：1100px；
保证金：0自动0；
}
第4.main节#Trial444 p，
第3.main节#trial4445 p，
第4.main节#Trial446 p，
第4.main节#Trial447 p，
第3.main节#Trial448 p，
第4.main节#Trial449 p{
显示：无！重要；
}
第4.main节#trial4444，
第4.main节#trial4445，
第3.main节#trial4446，
第4.main节#Trial447，
第3.main节#trial4448，
第4.main节#Trial449{
填充：0；
保证金：0；
身高：0；
}
a:hover article.lp1，
a:hover article.lp2，
a:hover article.lp3，
a:hover article.lp4，
a:hover article.lp5，
a:hover article.lp6{
颜色：#fff；
背景图像：无；
背景色：#d80000；
/*添加缩放效果*/
字母间距：1px；
-webkit过渡：所有0.3版本都可以轻松过渡；
-moz转换：所有0.3秒都会变慢；
过渡：所有0.3秒都放松
}
.landingpage.main article.lpfull{
边框：薄实线#d80000；
}
div#着陆页div.landingpage section.main h1{
字号：36pt；
颜色：#d80000；
文本对齐：居中；
}
div.entry article.lpfull h1{
字号：36pt；
颜色：#d80000；
文本对齐：居中；
}
第1.lpp条{
浮动：左；
右侧填充：2米；
}
第1.lpfull条{
最大宽度：1100px；
保证金：0自动0；
}

找一个班



即将到来的课程
[浓缩咖啡\u事件\u表格\u模板类别\u slug=当前类顺序\u依据=事件\u名称表格\u条带化=假表格\u分页=假]
这是我以前使用过的解决方案，用于在CSS中实现垂直居中。这适用于所有现代浏览器

<div style="display: table; height: 400px; position: relative; overflow: hidden;">
    <div style="position: absolute; top: 50%;display: table-cell; vertical-align: middle;">
      <div style="position: relative; top: -50%">
        any text<br>
        any height<br>
        any content, for example generated from DB<br>
        everything is vertically centered
      </div>
    </div>
  </div>


任何文本

任意高度

任何内容，例如从DB生成的内容

一切都垂直居中


对于单行文本，始终可以使用等于父文本高度的行高（）。文本将正确对齐（垂直）。
链接不工作，请提供一个工作演示。它看起来已经垂直居中。您指的是红色部分中的文本。对吗？如果单击“运行代码片段>完整页面”，您将看到文本位于顶部而不是中间的大正方形。是的，当响应方块变大时，div内的文本。谢谢！不幸的是，响应div从一行变为三行，因此在这种情况下无法工作。