html行内元素水平居中显示

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.行内块元素水平居中

给父元素加 : text­algin:center

给本身添加margin: top/bottom 值调节居中

3.行内元素水平垂直居中

给父元素加:text­algin:center;line­height=height

原因:将行内元素解析成了文本