利用相对位置将元素居中的常见方法。.parent { position: relative; width: 400px; height: 300px; } .child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 自身宽高的 50% */ }