Javascript 样式的另一种选择="；显示：无“；

在我们的项目中，我们使用JavaScript创建表，并使用xsl显示该表中的数据。我们正在通过copybook从后端获取数据

根据显示的一个值，表中有一个列标题。如果该值为“是”，则该列将出现。在该列中显示数据时，我们没有检查任何条件，只是使用了

style=“display:none”

。如果该列出现，则数据可见，否则数据隐藏。但是，当数据是可变的，并且当我们单击其中一个列名时，由于

style=“display:none”

，列将向左移动，数据被隐藏

是否有类似于

style=“display:none”

的功能，即当一列出现时，它会显示数据，否则它会隐藏数据

我尝试了“style=”可见：隐藏”，但它不起作用。无论列是否出现，它都会占用空间，因为列会向右移动

---

**style=“display:none”工作正常意味着当列出现时，它只显示数据，否则它将隐藏数据**。其中as visibility:hidden是conusimg space。

改用visibility:

style="visibility:hidden"

---

尝试

style=“可见性：隐藏”

可见性仍然会占用空间。首先，为什么要避免
display:none
：（.也许你可以尝试
width:0；height:0，display:block
。你可以用它来做一把小提琴或其他东西吗？这不一样。一个（
display:none
）从视图流中删除元素，而（
可见性：隐藏
）将其隐藏在视图中是的，可见性更改不会导致显示时的列移动：无。