首页 > 代码库 > Html中居中问题小结

Html中居中问题小结


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

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

例如:

    height:30px-------->line-height:30px;

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

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

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

本文出自 “12897581” 博客,请务必保留此出处http://12907581.blog.51cto.com/12897581/1925775

Html中居中问题小结