在設計登錄界面的時候，為了美觀和易用，我們通常會選擇左右居中顯示。那么在CSS中，如何實現登錄界面的居中呢？

/* 父元素設置 */
.login-wrapper {
width: 400px; /* 控制登錄界面的寬度 */
margin: 0 auto; /* 居中 */
}
/* 子元素設置 */
.login-form {
width: 100%; /* 寬度100%使得登錄表單與登錄界面同寬 */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* 解析 */
/* 1. 父元素設置居中，margin的屬性值為"0 auto"，表示上下距離不變，左右居中。
2. 子元素可以采取多種方式來設置居中，這里采用"flex"布局的方式。
3. 由于采用了flex布局，使得子元素（登錄表單）自動居中。 */

上述代碼中，主要使用了CSS的"margin"屬性和"flex"布局。其中，父元素設置"margin: 0 auto"，表示將父元素自身以及居中子元素居中顯示。子元素采用了"flex"布局，并使用"justify-content: center"和"align-items: center"屬性，使得子元素在水平和垂直方向上都居中顯示。

總之，在實現登錄界面時，通過CSS的margin屬性和flex布局方式，可以輕松地實現登錄界面的居中顯示。