今天想和大家分享一下如何使用 CSS 設置單選框文字對齊的方法。 在 HTML 中，單選框的文字通常緊隨在單選框后面，但是有時候你可能想要讓單選框的文字和其他元素水平對齊，這時候使用 CSS 就可以輕松實現。 首先，我們需要在 HTML 中創建單選框和對應的標簽。以下是一個例子：

<label for="option1"><input type="radio" id="option1" name="options"/>選項1</label>

其中，label 標簽的 for 屬性指向對應的單選框的 id，這樣單選框和標簽就關聯了起來。 接下來，我們可以使用 CSS 來設置單選框和標簽的布局。為了讓單選框和標簽水平對齊，我們可以使用 display: flex，并將 align-items 屬性設置為 center。下面是示例代碼：

label {
display: flex;
align-items: center;
}

這樣就可以讓單選框和標簽水平對齊了。 如果你想在單選框和標簽之間添加一些間距，可以使用 margin 或者 padding 屬性來實現。以下是一個例子：

label {
display: flex;
align-items: center;
margin-right: 10px;
}

這樣就在單選框和標簽之間添加了 10px 的間距。 當然，以上只是一個簡單的例子，實際情況下可能還需要考慮其他因素，比如在響應式布局中如何處理單選框和標簽的對齊等等。 不過，使用 CSS 對單選框和標簽進行布局調整是非常方便的，只需要少量的代碼就可以實現，而且不需要更改 HTML 結構，十分靈活。希望這篇文章能夠幫助大家解決在開發過程中遇到的問題！