父、子容器高度不定,实现垂直居中

      在做垂直居中时,需要将子容器相对于父容器做绝对定位,设置top为50%,接下来的任务就是将子元素上移自身高度的50%。当我们不知道子容器自身的高度时,我们借助css3中的transform属性进行自身平移。


  • 用到的技术:

transform:translateY(-50%);

  • demo:




    
    
    


    


你可能感兴趣的:(CSS,垂直居中,transform)