Javascript CSS显示时布局更改：从块更改为无后从无更改为块

使用Javascript在表单元素中选择其他选项时，尝试显示/隐藏某些选项。问题是当选项被隐藏然后取消隐藏时，布局会变得异常。有人能告诉我为什么会发生这种情况以及如何解决它吗？我不能添加图像到这个，但我会把URL的图片

id=“optionsRow”

DIV

是隐藏后取消隐藏后显示的内容

函数showConditional（）{
if（document.getElementById（“条件”）.checked==true）{
document.getElementById（“选项行”）.style.display=“块”；
}否则{
document.getElementById（“选项行”）.style.display=“无”；
}
}

有条件的
选项：
查询
瓦卢库普
阵列公式
一个错误
如果

flexbox网格列的自动布局

col-6

意味着您可以设置一列的宽度，并使其周围的同级列自动调整大小。而

col-lg-6

填充行的宽度相等

函数showConditional（）{
if（document.getElementById（“条件”）.checked==true）{
document.getElementById（“选项行”）.style.display=“块”；
}否则{
document.getElementById（“选项行”）.style.display=“无”；
}
}

有条件的
选项：
查询
瓦卢库普
阵列公式
一个错误
如果

这是因为您的行是flex，所以您需要在flex和None之间切换。我赞扬您的知识和快速响应！你的解决方案解决了这个问题！另一种方法是，当javascript中的display optionRow将display设置为inline blocks时，您应该解释如何解决该问题。以改进您的答案。@MilesFett谢谢您的评论。我很感激！