如何将子盒子在父盒子中水平垂直和居中

前提:父元素和子元素都有宽高

  方法一:(margin)子元素设置margin

     

 

  方法二:(position + margin)子元素绝对定位,父元素相对定位

    

 

 

   方法三:(position + transform)

    

 

 

  方法四:(flex)父元素设置display:flex; 子元素设置margin:auto

    

 

 

  方法五:table-cell

    

 

posted @ 2021-03-13 12:12  jing-xiu  阅读(790)  评论(0)    收藏  举报