html – 在div中居中文本

概述我试图将文本(水平和垂直)居中,我对此有点困难. 这是我试过的,但只是水平居中,而不是垂直居中. 如何在中心获取此文本？ <div class="playerDetailsPage"> <p> <h4>The text will be in the center</h4> </p> </div> CS 我试图将文本(水平和垂直)居中,我对此有点困难.

这是我试过的,但只是水平居中,而不是垂直居中.

如何在中心获取此文本？

<div >            <p>                <h4>The text will be in the center</h4>            </p>        </div>

CSS

.playerDetailsPage {    background-color: #edd4d4;     wIDth: 630px;    height: 390px;    text-align: center;     vertical-align: mIDdle;    line-height: 390px;}

解决方法 不要将表格用于此类事情.这不是你可以通过使用表来解决的问题.

对于我所看到的,它是完美的.这是一个工作示例：http://jsfiddle.net/T7V58/1/

你的代码是正确的,有什么问题？只需删除p标签就可以了.

<div >           <h4>The text will be in the center</h4>    </div>

CSS：

.playerDetailsPage {    background-color: #edd4d4;     wIDth: 630px;    height: 390px;    text-align: center;     vertical-align: mIDdle;    line-height: 390px;}

总结

以上是内存溢出为你收集整理的html – 在div中居中文本全部内容，希望文章能够帮你解决html – 在div中居中文本所遇到的程序开发问题。

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