居中

2025-02-07 67 阅读1分钟

居中

水平居中

flex、just-content: center
块级元素 margin: 0 auto;
行内元素 text-align: center;
left 50% 与 -50% margin（transform）
display: table + text-align:center

垂直居中

flex
height === line-height
top + 负 margin（transform）
display: table + vertical-align:middle;