Html中居中问题小结

<code>&lt;</code><code>br</code><code>&gt;</code>

一:文字（行内元素）在块盒子（块元素）中水平居中:text-aligh:center;

二:文字(行内元素)在块盒子（块元素）中垂直居中：设定行高等于盒子高

例如:

    height:30px--------&gt;line-height:30px;

三：块盒子在其父块盒子中水平居中:margin:0 auto;

四：块盒子在其父块盒子中垂直居中:没有特别的直接属性可以做到。

五：图片和文字在垂直方向对齐:在图片上使用------&gt;vertical-align:middle;

本文转自 沉迷学习中 51CTO博客，原文链接：http://blog.51cto.com/12907581/1925775，如需转载请自行联系原作者