布局

https://cn.windicss.org/utilities/layout/display.html

Display

隐藏
布局中中不产生影响（文档渲染该元素为不存在），所有的后代元素均不会显示，如果仍然在布局中保留元素的占用空间，可以使用 visibility 属性代替

Visibility
该属性会在不改变文档布局的情况下显示或隐藏元素。该属性也可以隐藏位于 table 中的行和列

.visible{
  visibility: visible;
  visibility: hidden;
}