这里将告诉您块元素,行内块元素,行内元素(水平垂直居中),具体操作方法:
1.块级元素水平垂直居中
方法1
1
2 position: absolute/fixed;
3 left:0;
4 top:0;
5 right: 0;
6 bottom: 0;
7 margin:auto;
方法2:
1
2 position: absolute/fixed;
3 left:50%;
4 top:50%;
5 margin-left:-盒子宽度的一半;
6 margin-top:-盒子高度的一半;
2.行内块元素水平居中
给父元素加 : textalgin:center
给本身添加margin: top/bottom 值调节居中
3.行内元素水平垂直居中
给父元素加:textalgin:center;lineheight=height
原因:将行内元素解析成了文本
块元素,行内块元素,行内元素(水平垂直居中)就为您介绍到这里,感谢您关注懒咪学编程c.lanmit.com.
本文地址:https://c.lanmit.com/Webqianduan/htmlyucss/107665.html