利用CSS3中的transform来实现水平垂直居中

这种居中方式跟position绝对相对定位加负边距的原理相似;但这个可以在未知宽高的情况下使用;
代码如下:




    
    居中
    


    
table-cell居中
利用CSS3中的transform来实现水平垂直居中_第1张图片
Paste_Image.png

css3中的transform

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转(rotate)、缩放(scale)、移动(translate)或倾斜(skew)。

你可能感兴趣的:(利用CSS3中的transform来实现水平垂直居中)