CSS單選框垂直居中是一個常見的問題。在這篇文章中，我們將介紹如何使用CSS來實現單選框的垂直居中。

/* HTML代碼 */
<div class="container">
<p>請選中您的性別:</p>
<label><input type="radio" name="sex" value="male">男</label>
<label><input type="radio" name="sex" value="female">女</label>
</div>
/* CSS代碼 */
.container {
display: flex;
align-items: center;
}

首先，我們通過HTML代碼創建了一個包含單選框的容器。我們使用兩個label元素來創建兩個單選框按鈕，并使用name屬性來將它們分組。

接下來，我們使用CSS來垂直居中單選框。我們將容器的display屬性設置為flex，并使用align-items屬性使其垂直居中。這里，align-items的值為center，它將單選框的對齊方式設置為垂直居中。

通過這種方式，我們可以輕松地實現單選框的垂直居中。這種方法同樣適用于其他表單元素，比如復選框和文本框。