當我們設計一個登錄界面時，其中一個重要的細節就是讓界面的元素對齊。以下是一些方法，通過使用 CSS 在登錄界面中使元素對齊。

//設置輸入框和標簽的寬度和高度
input, label {
width: 100%;
height: 30px;
}
//設置標簽和輸入框之間的間距
label {
margin-bottom: 10px;
}
//設置一個容器來包裹輸入框和標簽
.container {
width: 400px;
margin: 0 auto;
}
//水平對齊
form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
//垂直對齊
form {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 300px;
}

通過設置輸入框和標簽的寬度和高度以及它們之間的間距，我們可以使它們垂直對齊。通過在一個容器中包裹它們來實現水平對齊。通過使用 CSS flexbox 屬性，可以輕松地實現垂直和水平對齊。