在網頁布局中，單選按鈕是非常重要的一種交互組件。然而，由于各種瀏覽器對CSS的解析不同，單選按鈕的對齊問題常常讓人頭痛。下面我們就來介紹一些常見的單選按鈕對齊方法。

input[type="radio"] {
margin: 0;
vertical-align: middle;
}
label {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

首先是通過設置垂直對齊方式來實現單選按鈕的對齊。在CSS中，我們可以用vertical-align屬性來設置元素的垂直對齊方式。同時，我們需要把單選按鈕和它對應的文本標簽用label標簽包裹起來，并且將它們設置為inline-block元素。最后，我們再設置一下label標簽之間的間距即可。

.radio-group {
display: flex;
align-items: center;
}
input[type="radio"] {
width: 20px;
height: 20px;
margin-right: 5px;
}
label {
margin-right: 10px;
}

另外一種常用的對齊方法是使用Flexbox布局來實現。我們可以用一個容器元素包裹所有的單選按鈕和對應的文本標簽，并設置該元素為Flex容器。然后再設置單選按鈕的寬高以及間距即可。這種方法在移動端自適應布局中也非常實用。

以上就是幾種簡單但常用的CSS單選按鈕對齊方法，希望對你有所幫助。