CSS文字垂直居中代码如下！DOCTYPEhtmlPUBLICquotW3CDTDXHTML10TransitionalENquotquotDTDxhtml1transitionaldtdquothtmlxmlns=quothead title单行文字。

01先写html代码，如图内容很简单，就是一个div里面有一段文字02然后写出div对应的样式，如图这里只设置了div的边框高度和宽度03如果它显示在这里，让我们看看页面文本不会水平或垂直居中04要水平居中文本，我们；无固定高度的p垂直居中代码要点父容器vc的css属性displaytableoverflowhidden子容器vci的css属性verticalalignmiddledisplaytablecell针对ie6的hack，vci容器的_positionabsolute_top50%和content容器的_positionrelative_；是相对于最近的有定位的父级进行定位如果没有有定位的父级元素，就相对于文档进行定位注意要使子元素的上下左右都为0，然后设置marginauto就会自动垂直居中代码如下divwidth200pxheight200pxborder 1px solid #；p我是多行文本2，我想垂直居中p p我是多行文本3，我想垂直居中p 效果如图4table因为td标签默认情况下就默认设置了verticalalign为middle所以不用重新再写verticalalignmiddle标签包裹代码设置和效果图。

CSS实现水平垂直居中对齐在CSS中实现水平居中，会比较简单常见的，如果想实现inline元素或者inlineblock元素水平居中，可以在其父级块级元素上设置textalign center实现如果想实现块级元素的水平居中对齐，可以设置magin；属性，属性值为“center”，这时文字将会在div容器中水平居中3这时给div标签添加行高“lingheight”属性，属性值为高度的值“100px”，再添加“verticalalign”属性，属性值为“middle”，这时文字将会水平垂直都居中；3想要文字居中，可以输入textalign这个文字的对齐样式了，然后在属性中输入center中间的意思，就是将文字在水平位置居中 4如图，这样就是文字在水平位置上的居中了 5还有就是设置文字的垂直居中对齐了，可以根据不同的。

CSS是这样的，textaligncenter意思就是说，让这个DIV里的文字水平居中，而lineheight100px的意思是说，让DIV里面的每一行文字，占的高度为100PX和那个DIV的高度一样，这样，文字就垂直居中了也就是说，如果你；4讲解第二种div绝对定位水平垂直居中marginauto实现绝对定位元素的居中，代码两个关键点1上下左右均0位置定位2margin auto 其widthheight如何更改都是居中显示的，兼容性可以，IE7及之前版本不支持，如图5；CSS代码diva height60pxlineheight60px HTML代码如果是多行文字，上面的垂直居中的方法就不行了，得用变通的方法实现这里建议使用table方法，在table外面再套上相应的div，代码如下多行文字居中还有另外一。

垂直水平居中 可以看到图片已经垂直和水平居中，如下图所示总代码 ！DOCTYPE html head titlehtmltitle style type=#34textcss#34 picTiger margin auto position absolute top 0 left 0 bottom；margin的水平方向设置为auto即可，比较常用的CSS代码是margin0auto表示水平方向auto自动，垂直方向的外边距为0如果是希望标题标签里的文本内容居中处理，那么为标题元素设置textaligncenter即可。

dw垂直居中对齐代码是lineheight100px对于垂直居中对齐，运用行高的关系，整个图形的高度为100px字体的行高也设置为100px，那么文字就在中间了；实现原理是设置margin自动适应，然后设置定位的上下左右都为0就如四边均衡受力从而实现盒子的居中代码parent width800pxheight500pxborder2px solid #000displaytablecellverticalalignmiddletextalign。