527,垂直居中的方法

Posted 1998archer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了527,垂直居中的方法相关的知识,希望对你有一定的参考价值。

文本垂直居中的方式:line-height设置成height值

将父元素显示方式设置为表格,display:table-cell,同时设置vertical-align:middle

使用flex布局,设置为align-item:center

绝对位置中bottom:0,top:0,并设置margin:auto

绝对位置中固定高度设置top:50%,margin-top值为高度一半的负值

 

以上是关于527,垂直居中的方法的主要内容,如果未能解决你的问题,请参考以下文章

CSS实现垂直居中的7种方法

word将文字设置垂直居中的方法

CSS水平居中+垂直居中+水平/垂直居中的方法总结

图片水平垂直居中的四种方法

水平居中,垂直居中,水平垂直居中 方法大全

CSS实现垂直居中的常用方法