ltpltp3扩张一点如果是行级元素例如span，也可以通过把height和lineheight设置为相同值，这样也可以实现垂直居中，不过不符合你的要求，你了解即可ltpltdivltdivltbodylthtml下边是运行出来的效果。

负值的大小为层自身宽度高度除以二如一个层宽度是400，高度是300使用绝对定位距离上部与左部都设置成50%而margintop的值为－150marginleft的值为－200这样我们就实现了层垂直居中于浏览器的样式编写div。

1设置div的height和lineheight值设置为相同的数值，只需要一个div即可2设置父级div样式的displaytable，并设置子div样式的displaytablecellverticalalignmiddle，此时需要一个父级div和一个子级div3设置父。

表示垂直居中，lineheight的属性要根据文字所在的标签的高度来设置，比如我的文字是在div里面，div是200px，就设置200px，如果你的div或者其他标签是400px，就设置400px最后，再来预览效果，文字已经水平垂直居中了。

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

如果是要Div里的内容垂直居中就用lineheight值这个值等于Div的高度就可以垂直居中但是文字千万不要换行，虽然lineheight可以使内容垂直居中，但因为lineheight这属性是设置行高的，如果你的内容换行了，那lineheight还。