本文主要和大家分享css不固定宽高垂直居中的实现代码,希望能帮助到大家。 一、 父元素: display: flex; justify-content: center; align-items: center; 二、 父元素: position: relative; 元素: transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; 三、 display: table;需要有一个中间层,垂直居中元素为第三层 (1) 父元素的父元素: display: table; 父元素: display: table-cell; text-align: center; vertical-align: middle; 元素: display: inline-block; (2) 父元素的父元素: display: table; 父元素: display: table-cell; vertical-align: middle; 元素: margin: auto;
相关推荐:
以上就是css不固定宽高垂直居中的实现代码的详细内容,更多请关注php中文网其它相关文章!
已抢65080个
抢已抢28318个
抢已抢15297个
抢已抢7657个
抢已抢9538个
抢已抢19357个
抢