设置隐藏元素的宽度和高度

Question

如何使用另一个隐藏元素的宽度和高度来设置隐藏元素的宽度和高度？

for(i=1;i<10;i++){
   $('#hiddenE1'+i).width($('#hiddenE2'+i).width()).height($('#hiddenE2'+i).height());
}

Answer 1

display: none时没有宽度。一个技巧是设置position: relative; margin-left: -9999px;。它不会显示在页面上但保留宽度。或者，使用visibility: hidden。唯一的缺点是它不会将其从布局中剔除，但留下一个空白点。

Answer 2

可以创建具有样式的类来隐藏元素，即

.hide {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

如果您还想还原，则可以使用其他类，例如

.unhide {
   position: initial;
   top: initial;
   left: initial;
}

初始值是默认值，否则可以使用已知值 read about initial

不过，还有其他方法可以隐藏on this post

中提到的元素

如果链接不起作用：

1。

.hide {
  opacity: 0;
}

2。

.hide {
   visibility: hidden;
}

3。

.hide {
   display: none;
}

4。

.hide {
  clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);
}