首页 / 数码设备 / 正文

html表格垂直居中CSS代码,使用3行CSS代码使任何元素垂直居中

其实,我们通过3行CSS代码(不包括添加浏览器厂商所需的代码)就可以使任何元素垂直居中。秘诀就是使用transform: translateY属性,使用这种方法,哪怕是你不知道元素的高度,也可以这个元素垂直居中。CSS的transform属性通常是用来旋转或缩放元素用的,但是使用它的translateY属性,我们可以制作元素垂直居中的效果。一般我们在制作元素垂直居中效果的时候,使用的都是absolute定位,或者是设置一个元素的line-height,但是这些方法都需要预先知道元素的高度,或者是一些单行文本的情况。

如有侵权请及时联系我们处理,转载请注明出处来自