垂直居中的办法小结

it2022-05-09  62

单行文本的话可以使用height和line-height设置同一高度。position+margin:设置父元素:position: relative;,子元素height: 100px; position:absolute;top: 50%; margin: -50px 0 0 0;(定高)position+transform:设置父元素position:relative,子元素:position: absolute;top: 50%;transform: translate(0, -50%);(不定高)百搭flex布局(ie10+),设置父元素display:flex;align-items: center;(不定高)

转载于:https://www.cnblogs.com/wangqiao170/p/10407432.html

相关资源:手把手教你CSS水平、垂直居中的10种方式(小结)

最新回复(0)