css中的一些居中的方法
1.字体垂直居中:
text-align:center;
line-heigght:高度值;
1,行间距 2.字体垂直居中3.去掉
本身的行间距
2.图片,行内块元素,块元素垂直居中:
margin,或者padding
3.图片,行内块元素,块元素垂直居中:
vertical-align:middle
注意:需要参照物;并且两个都要设置
verticla-align:center;和
display:inline-block;
4.图片,行内块元素,块元素垂直居中:
运用position定位;
position:relative;/父元素
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
或者 一个方向也可以;
或者百分比:
left:50%;
top:50%;
margin-left:-(自身宽度的一半);
margin-right:-(自身高度的一半)
;