.image-container { display: flex; justify-content: center; align-items: center; width: 300px; /* 适当调整容器的宽度 */ height: 200px; /* 适当调整容器的高度 */ } /* 头像 */ .avatar-wrapper { display: flex; justify-content: center; } /* 子元素选择器 */ .avatar-wrapper > image { height: 100px; width: 100px; border-radius: 50%; border-style: solid; border-color: #000; border-width: 1px; } .user-image { max-width: 10%; max-height: 10%; } .button-container { /* position: relative; */ display: flex; justify-content: flex-end; /* align-items: flex-end; */ } /* 暂时先这样,回头再改 */ .button-container > button { position: relative; left: 200rpx; top: -10rpx; } .small-button { font-size: 12px; padding: 5px 10px; } .body{ margin: 40rpx; } .section{ margin: 40rpx 0 80rpx; } .title{ font-weight: 36rpx; } .input{ margin:30rpx 0; border-bottom: 1px solid #666; padding: 20rpx 0; width:100% } .mg{ margin: 30rpx 0; } .area{ margin:100rpx auto; display:flex; justify-content: center; flex-direction: column; align-items: center; } .desc{ font-weight: 500; color: #000; font-size: 44rpx; margin: 50rpx 32rpx; }