如何在 Qualtrics 中的两组答案选项之间添加空格？

Question

我的问题与视觉格式有关。基本上我想知道如何在 Qualtrics 的项目中直观地分离答案选择。

到目前为止，我已尝试添加一个项目并抑制文本的可见性，但这不起作用，因为文本不可见，但选项及其相应的背景颜色仍然存在。我还尝试在选项之间添加填充和换行符，但这也不起作用。

我知道可以格式化所有选项之间的间距 (Changing space between answer choices in Qualtrics)，但我不知道如何单独设置。

这是我目前拥有的：

这就是我想要实现的目标：

任何帮助将不胜感激。谢谢！

---

更新：这是我迄今为止尝试过的：

你好，

我尝试过处理文本的可见性，但显然不起作用：

<style> 

p.hidden 
    {visibility: 
     hidden
     } 
</style>

<p class=hidden>text</p>

我还尝试在项目之前和之前添加换行符，只是为了间隔，这也是不行的。我敢肯定这很简单，但我不知所措。感谢您的帮助。

Answer 1

您可以使用 nth-child 伪选择器。将以下内容添加到您的问题文本（它将适用于页面上的所有问题）以在第 5 个选项之前添加空格：

<style>
ul li:nth-child(5) {  
  margin-top: 20px;
}
</style>

Answer 2

您也可以为每个问题粘贴此 javascript：

Qualtrics.SurveyEngine.addOnload(function()
{
var q = jQuery("#"+this.questionId);
q.find('li').last().css('margin-top', '20px');
q.find('li').last().css('display', 'block');


});