textalign center表示水平居中，lineheight 200px表示垂直居中，lineheight的属性要根据文字所在的标签的高度来设置，比如我的文字是在div里面。

position absolute left 0 bottom 0 right0 top 0 margin auto 第二种方法lt！html盒子代码lt！水平垂直居中ltdiv class=quotCentered2quot ltpd第二种ltpltdivlt！css样式部分*。

1新建html文档，在body标签中添加p标签，标签的id为“header”，这时因为p标签中没有内容且没有设置样式，所以网页中显示空白2这时为p标签设置原题中的css样式，此时虽然p盒子显示了，但是没有居中3此时为p添加。

可以用增高行距的办法变通实现垂直居中，完整代码如下lthtml lthead ltstyle bodyTEXTALIGN center center MARGINRIGHT autoMARGINLEFT autoheight200pxbackground#F00width400pxverticalalign。

1给网页中的ltbody style=“textaligncenter ”ltbody 标签中附加样式，textaligncenter就可以达到整个ltbody标签内文字居中的效果2ltbody 标签是控制整个html文档，如果不想全部都居中，可以给自己需要的。

关于如何在div中使文本水平和垂直居中的css代码 您可以使用“文本对齐”属性和“行高”属性1创建一个新的html文件，向body标签添加一个div标签，并在div标签中输入文本这里以“演示文本”为例，设置div标签的宽度高度。

div垂直居中可以使用margin或padding来控制比如margin70%0上下70%，左右0如果满意，望采纳，谢谢如果不懂，可随时 Html如何设置元素垂直居中1单行文本是通过设置父元素的height和lineheight高度一致来完成的。

我们在设计页面的时候，经常要把DIV居中显示，而且是相对页面窗口水平和垂直方向居中显示，如让登录窗口居中显示到现在为止，探讨了很多种方法HTMLltbody ltdiv class=quotmaxboxquot ltdiv class=quotminbox aligncenterquot。

top50%left50%margin150px 0 0 200pxwidth400pxheight300pxborder1px solid #008800 ltstyle ltdiv让层垂直居中于浏览器窗口ltdiv 2DIV未知高度的垂直居中代码lt！DOCTYPE html。

在html中将框内的文字既垂直居中又水平居中的操作步骤如下1首先创建一个盒子，并在中间输入文字信息2然后对盒子添加了边框颜色后，这时文字在左侧第1行位置3输入textalign 这个文字的对齐样式，然后在属性中。

然后文本将在框架内水平居中，见下图，转到下面的步骤3第三步，执行完上面的操作之后，将“ lineheight”属性添加到div，该属性值为div的高度，然后文本将在框中垂直居中，见下图这样，就解决了这个问题了。

6我们可以从上一个图中看到，文字在垂直方向上还是不对齐的，接下来我们就需要为文字添加垂直对齐样式，lineheight，我们需要将这一样式的大小设为文字外层元素的高度大小，这样便可正好垂直居中对齐了7接下来我们刷新。

在body中水平具体可以使用css代码中的marginauto‘垂直居中可以使用linehightpx这样就可以实现了。

一定位 1首先将htmlbody高度设为100%，清除默认的marginpadding值2设置盒子margin值为0 auto，实现水平居中3开启盒子的相对定位，将其下移父元素的50%4若已知盒子高度，可通过margintop属性将其上移自身。

如果垂直居中的元素高度已知，这个比较简单，也不需要额外的辅助元素 参考下列HTML代码lt！DOCTYPE HTML lthtml lthead ltmeta。

可以用“textalign”属性和“lineheight”属性1新建html文件，在body标签中添加div标签，在div标签输入文字，这里以“演示文本”为例，给div标签设置宽度高度和背景色属性，属性值分别为200100和灰色，这时“演示。