最近开发中用到了很多居中的样式,做一个小小的总结,以备不时之需,总结以下几个垂直居中的方法
1,行内元素垂直居中
(1) height:100px;line-height:100px;
使行高和盒子高度相等,文字就会垂直居中
(2)display:table-cell;vertical-align:middle;
将div标签或者view标签,转换为tr td 标签,表格标签事实上是默认垂直居中
2,块级元素垂直居中
(1)position:relative;margin: auto 0;top:0;bottom:0;
通过控制position和margin控制高度
(2)position:absolute;height:100px;top:50%;margin-top:-50px;
计算定位距离
居中(垂直)
最新推荐文章于 2024-04-09 16:56:40 发布