我对CSS很陌生，并且尝试垂直对齐：在div中插入一些文本。之前已经有人问过这个问题，但是我找不到任何适合我的解决方案，因此我肯定会遗漏一些明显的东西。
我试过了：
具有在文本<p>标签和CSS添加vertical-align: middle;到<p>标签。
将<p>标签中的文本和CSS中的文本添加vertical-align: middle;到父div中。
在<div class="flex-container">和中添加文字并添加CSS
.flex-container {
display: flex;
justify-content: center;
align-items: center;
}
如这里：https : //jsfiddle.net/dt3kvmdm/
父div没有以px为单位的固定高度。相反，它是一个百分比。一个类似问题的解决方案表明这可能是一个问题，但我不清楚。能够将其保持为百分比会对我有所帮助。
我很高兴听到任何建议！
非常感谢！
缺口。
您需要display: flex在父元素height: 100%上使用或在子元素上设置小提琴
.ProjectTitle {
background-color: green;
position: absolute;
width: 100%;
height: 20%;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.flex-container {
font-family: "Taviraj", serif;
color: #000;
letter-spacing: 0.11em;
}<div class="ProjectTitle">
<div class="flex-container">
Project Title
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句