translate(-50%,-50%) 属性: 向上和左,移动自身长宽的 50%,使其居于中心位置。 与使用margin实现居中不同的是,margin必须知道自身的宽高,而translate可以在不知道宽高的情况下进行居中,tranlate函数中的百分比是相对于自身宽高的百分比 (使用top和left为50%时,以窗口左上角为原点)。 示例: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=