css+div水平垂直居中布局总结(3种方案)

子元素于父元素水平垂直居中且其( 子元素与父元素) 高度均可变 

方案一:inline-block + text-align + table-cell + vertical-align  优点:兼容性好

文字

方案二:absolute + transform 注:transform 为 CSS3 属性,有兼容性问题

文字


方案三:flex + justify-content + align-items  注:有兼容性问题

文字





你可能感兴趣的:(div+css布局)