添加CSS代碼以增加標籤和單選按鈕之間的空間

Question

我需要增加標籤（與我調整大小的單選按鈕重疊）和單選按鈕之間的距離。我找到的代碼片段只針對按鈕左側或右側的標籤。我的標籤位於單選按鈕之上，現在兩個線條標籤（比如「既不喜歡也不喜歡」，橫跨兩條線）被單選按鈕重疊。謝謝！

a screenshot of my radio buttons

Answer 1

jsfiddle

由於我不知道，如果你使用的引導或任何其他佈局框架，這裏是一個簡單的表格佈局的解決方案。

td { 
    width:100px; 
    text-align: center; 
} 

<!--EMMET string table>(tr>(td>label[for=radio$]{myradio$})*5)+(tr>(td>input#radio$[type='radio'][name=myradio])*5)--> 
<table> 
<tr> 
    <td><label for="radio1">myradio1</label></td> 
    <td><label for="radio2">myradio2</label></td> 
    <td><label for="radio3">myradio3</label></td> 
    <td><label for="radio4">myradio4</label></td> 
    <td><label for="radio5">myradio5</label></td> 
</tr> 
<tr> 
    <td><input type="radio" id="radio1" name="myradio"></td> 
    <td><input type="radio" id="radio2" name="myradio"></td> 
    <td><input type="radio" id="radio3" name="myradio"></td> 
    <td><input type="radio" id="radio4" name="myradio"></td> 
    <td><input type="radio" id="radio5" name="myradio"></td> 
</tr> 

Answer 2

這個JavaScript添加到您的Qualtrics問題：

Qualtrics.SurveyEngine.addOnload(function() 
{ 
    var qid = this.questionId; 
    var radioCells = $(qid).select('td.ControlContainer'); 
    var limit = radioCells.length; 
    for(i=0;i<limit;i++) { 
     radioCells[i].style.paddingTop = "25px"; 
    } 
}); 

調整 「25像素」 是必要的。您應該考慮升級到新的Qualtrics主題，其中單選按鈕消失，標籤變成可點擊的按鈕。