Qualtrics双极矩阵表左右列宽调整CSS代码咨询

我刚好处理过类似的Qualtrics双极矩阵表样式调整需求，给你分享几个实用的CSS代码方案，你可以根据自己的场景选择：

方案1：针对单个特定问题调整（推荐） #

这个方案只会修改你指定的双极矩阵表，不会影响其他问题。首先需要找到目标问题的QID（在问题编辑页面右上角，或预览时右键检查元素找到外层div的ID，格式为QIDxxx），然后替换下面代码中的QID123：

/* 设置左侧陈述列宽度 */
#QID123 .MatrixLeftSide {
    width: 40% !important; /* 可替换为百分比（如35%）或固定像素值（如300px） */
}

/* 设置右侧陈述列宽度 */
#QID123 .MatrixRightSide {
    width: 40% !important;
}

/* 可选：调整中间刻度区域的宽度，避免布局挤压 */
#QID123 .MatrixScale {
    width: 20% !important;
}

方案2：全局调整所有双极矩阵表 #

如果你希望所有双极矩阵表都使用相同的列宽设置，可以去掉问题ID前缀，直接使用全局类选择器：

/* 全局设置左侧陈述列宽度 */
.MatrixLeftSide {
    width: 40% !important;
}

/* 全局设置右侧陈述列宽度 */
.MatrixRightSide {
    width: 40% !important;
}

/* 可选：全局调整中间刻度区域宽度 */
.MatrixScale {
    width: 20% !important;
}

注意事项 #

• 左右列宽度的百分比总和建议加上中间刻度区域的宽度接近100%，防止页面布局错乱；如果使用固定像素值，要确保整体宽度适配你的问卷页面。
• 代码添加位置：可以在Qualtrics后台的「Look & Feel」→「Advanced」→「Custom CSS」中粘贴，或者针对单个问题，在问题设置里选择「Add JavaScript/CSS」→「CSS」标签粘贴代码。
• 如果你的问卷使用了自定义主题，可能需要通过增加选择器优先级（比如保留!important）来确保样式生效。

内容的提问来源于stack exchange，提问作者msg