Question

是否可以在页面上完全隐藏元素及其内容以向其添加以下样式？

display: none;

我注意到在页面加载期间使用任何其他技术，您会看到div内容的轻微闪烁。我已经尝试过使用jQuery show和hide函数，但这些似乎不适合页面加载。

除了这种css风格之外还有其他方法吗？一般只使用css吗？

Answer 1

您可以设置要隐藏以下属性的div：

div {
  height:0px;
  overflow:hidden;
}

Answer 2

在CSS中创建一个类，并将其添加到div中，否则您想要隐藏的任何内容都将隐藏而不闪烁。

.divonpageload {
                    height: 0px;
                    overflow: hidden;
                    display: none;
                } 

<div id="firstpage">
<div id="secondpage" class="divonpageload">
<div id="preview">SHOW</div>    `

并创建一个jquery函数：

 <script>
       $(document).ready(function () {
           $("#preview").click(function () {
                  $("#secondpage").removeClass('divonpageload');
           });
       });
 </script>

在页面加载时隐藏div及其所有内容而不闪烁

2 个答案: