在表格外面嵌套另一个高度为 100% 的表格，外层的表格设置 td 的 valign 属性 为 middle lttable width=quot100%quot height=quot100%quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quotlttrlttd align=quotcenterquot valign=quotmiddle；代码我写给你，你自己去琢磨 ltstyle boxdisplayinlineblock box*displayinline *zoom1 width50px height80px border#000 1px solid verticalalignmiddle idisplayinlineblock width0；2在indexhtml中的ltbody标签中，输入样式代码style=quotborder 5px solid blueviolettextalign centerquot3浏览器运行indexhtml页面，此时ltbody标签的内容被上下左右居中了；三个办法实现页面居中布局居中一在html代码页面的body标签写一个ltcenterltcenter的标签，在里面写内容即可实现居中，如接下来使用的两个方法的前提是你的html代码链接上css代码不然没效果 二textalign。

1给网页中的ltbody style=“textaligncenter ”ltbody 标签中附加样式，textaligncenter就可以达到整个ltbody标签内文字居中的效果2ltbody 标签是控制整个html文档，如果不想全部都居中，可以给自己需要的；前言我们在编写马过程中，想必大家对水平垂直居中的方法了解并不多所以我给大家总结式的列出几种常用的水平垂直居中的方法第一种方法lt！html盒子代码lt！水平垂直居中ltdiv class=quotCentered1quot ltpd第一种；父容器设置为positionrelative 子容器想要居中的容器，设置positionabsolute在设置margintop，marginright等等，如果想要绝对居中，可设置如下CSS样式CenterContainer positionrelative AbsoluteCenter width50；左右居中textaligncenter上下居中lineheight设成文本框的高度lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml。

前提你要知道你需要居中的块height是多少，比如500px， positionabsolutetop50%margintop250px高度的一半，因为他定位是以块的边定位的，不是正中间；文字外层，放个div，div加个样式，例如1ltdiv class=quottextquot这里是想要居中的文字ltdiv，样式表里这样写texttextaligncenter 例如2ltdiv class=quottextquot style=quot textaligncenterquot这里是想要居中的文字；下面说两种在屏幕正中水平居中+垂直居中的方法，放上示范的html代码方法一p使用绝对布局，设置marginauto并设置topleftrightbottom的值相等即可，不一定要都是0main textaligncenter*让p内部文字；所以通常图片高，文字低，不能水平居中对齐2再次编辑ahtml，加入以下css代码hlong *displayinlineblockverticalalignmiddle3再次使用浏览器访问ahtml页面即可成功让div里边的图片和文字同时上下居中；先设置一个div的宽高，使用textalign水平居中再使用lineheight上下居中即可lineheight设置的高度需跟div的高度一致代码如下 ltstyle ceter width700px height700px border1px solid #F00 textalign；lttd lttr ltsform ltdiv ltdiv ltbody lthtml 原理就是使用两个div，一个是绝对定位，一个是相对定位，绝对定位用于控制在浏览器中位置相对定们的div把表单包起来，控制让其居中。

3其在浏览器中的显示效果如下图所示，我们可以很清晰的看到，文字明显的靠上靠左对齐4接下来我们就需要为文字元素添加一定的对齐方式，首先我们让其居中对齐，即使用textaligncenter5使用之后在浏览器中进行效果；其实，你只需要table，然后给table tdheight30pxlinehieght30pxverticalalignmiddle，就可以上下居中了；文本水平居中使用CSS的textalign属性来水平居中文本将该属性应用于包含文本的HTML元素，如ltdiv或ltpltstylecentertext textalign centerltstyleltdiv class=quotcentertextquot这是居中的文本ltdiv。