如何在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');


});