html – 垂直对齐div内的文本高度和宽度百分比？

概述我知道如何在div中垂直对齐文本,但如果div具有百分比高度和宽度,我不确定如何做到这一点.这是我的代码： <div id="header"> <h1>Home</h1> </div> #header { background-color: red; color: white; text-align: cente 我知道如何在div中垂直对齐文本,但如果div具有百分比高度和宽度,我不确定如何做到这一点.这是我的代码：

<div ID="header">        <h1>Home</h1>    </div>    #header {        background-color: red;          color: white;        text-align: center;        vertical-align: mIDdle;        wIDth: 100%;         height: 15%;    }

现在在我的网页上,div中的文本已经水平对齐但不是垂直对齐.我该如何解决这个问题？您是否也可以尝试解释您的答案并尽可能简单地保持它们(我还是相对较新的HTML / CSS).谢谢.

解决方法 尝试显示：inline-block到你的h1标签.

DEMO

总结

以上是内存溢出为你收集整理的html – 垂直对齐div内的文本高度和宽度百分比？全部内容，希望文章能够帮你解决html – 垂直对齐div内的文本高度和宽度百分比？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。