如何在 Qualtrics 中的两组答案选择之间添加 space？

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 个选项之前添加 space：

<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');


});

如何在 Qualtrics 中的两组答案选择之间添加 space？

How can I add a space between two sets of answer choices in Qualtrics?

css

qualtrics