关于如何让div垂直居中的几个方法

时间:2021-11-19 来源:未知网络 作者:996建站网

方法是有挺多的,首先最简单的就是使用自带的table属性。

第一种是table,自带垂直居中的:

关于如何让div垂直居中的几个方法插图

第二种是使用relative跟absolute,子元素top跟left50%,再transform:translate一下可以了

关于如何让div垂直居中的几个方法插图

第三种,可以用flex,父元素display:flex,jtc + aic ,子元素就垂直居中了。

关于如何让div垂直居中的几个方法插图

第四种,也是绝对定位 ,加上margin:auto

关于如何让div垂直居中的几个方法插图1

当然还有其他方法,这只是其中一些比较常见的,其他的搜搜就有

关于如何让div垂直居中的几个方法插图2

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序