Last updated 1 year ago
水平:text-align: center
text-align: center
垂直:line-height: {父元素高度}px
line-height: {父元素高度}px
方式1:绝对定位 + 各方向为0 + margin:auto
方式2:绝对定位 + left/top:50% + margin-left/margin-top: 宽/高一半
绝对定位 + left/top:50% + transform: translate(-50%)
flex
.center{ display: flex; justify-content: center; align-items: center; }