设置元素竖向居中的三种方式

Posted rnet

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置元素竖向居中的三种方式相关的知识,希望对你有一定的参考价值。

/*No.1*/
li{
	line-height: ;//设为页面高度
	vertical-align: middle;
}
li,img{
	vertical-align: middle;
}
/*No.2*/
li{
	display: table-cell;
	vertical-align: middle;
}
/*No.3*/
li{
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

  

以上是关于设置元素竖向居中的三种方式的主要内容,如果未能解决你的问题,请参考以下文章

元素居中的三种方式

让一个元素垂直水平居中的三种方法

让一个元素垂直水平居中的三种方法

清理浮动的三种常用方法以及如何居中一个浮动元素

设置元素不可见的三种方式

垂直居中的三种方式(父子容器高度不一定)