body { /* background-color: #FFF5DA; */ } #header { display: flex; border-bottom: solid 2px #11111122; max-height: 10%; padding: 2px 5px; /* background-color: #ebf6f5; */ /* backdrop-filter: blur(2px); /1* 模糊效果 *1/ */ } #logo { display: flex; width: 35%; align-items: center; /* 垂直居中 */ font-size: 1.2em; } #logo-name { margin-left: 5px; max-height: 50px; overflow: auto; } #upload img { vertical-align: middle; /* 图片居中 */ } #nav{ display: flex; align-items: center; flex-grow: 1; /* 自动占据剩余空间 */ } #nav ul, #login-container ul { margin: 5px auto; padding: 5px 10px; text-align: center; } #nav li, #login-container li { display: inline; margin-right: 20px; } #user { display: flex; width: 35%; margin: 0 auto; /* 居中 */ align-items: center; justify-content: center; /* 水平对齐 */ } #avatar { min-width: 32px; min-height: 32px; border: solid 2px black; border-radius: 100%; }