Html中居中问题小结

发布时间：2020-09-15 19:15:34 阅读：271 作者：沉迷学习中栏目：开发技术

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

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

例如:

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

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

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

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

猜你喜欢