Javascript 使用CSS，即使不存在DIV元素，如何防止空白块崩溃？

我有以下元素：标题、描述和图像。标题上方应有20px的空间，如下所示：

从图中可以看出，标题上方有一块空格。我希望空间保持在那里，即使标题和描述不存在。例如：

现在我的问题是，如果没有标题和描述，那么这个空间就崩溃了，图像向上移动，基本上占据了这个空间

即使没有标题和描述，我如何保留空间？我曾想过将

min height

应用于“标题名”，但这并不奏效

<div class="myComponent">
 <div class="myContainer">
   <div id="head_Title" class="mainTitle">
    <h2 class="titleName"> This is a Title</h2>
   </div>
   <div id="description" class="mainDescription"></div>
 </div>
</div>

这是一个标题

如果我能够正确理解问题，您的问题可以通过添加

页边距顶部：20px；

---

如果我能够正确理解问题，您的问题可以通过添加

页边距顶部：20px；

---

对于

myComponent

class

，正如我从您的问题中了解到的，当我们删除div时，整个div将从DOM元素中删除，空间也将被删除

我们可以使用可见性CSS属性。当我们使用

visibility:hidden

属性时，div中的文本内容将从HTMLDOM中隐藏，但不会从div标记中删除

还可以动态添加包含隐藏属性的类。总空间将相当于标题和描述的组合空间

我创建了一个演示供参考，没有标题和描述，请看这里

---



正如我从您的问题中了解到的，当我们删除div时，整个div都将从DOM元素中删除，空间也将被删除

我们可以使用可见性CSS属性。当我们使用

visibility:hidden

属性时，div中的文本内容将从HTMLDOM中隐藏，但不会从div标记中删除

还可以动态添加包含隐藏属性的类。总空间将相当于标题和描述的组合空间

我创建了一个演示供参考，没有标题和描述，请看这里

---



如果没有标题或描述，您的第一个标签附近有一个额外的空间，那么您如何知道该空间的高度？当然，这将根据文本的不同而有所不同。标题上方应该始终有一个20px的空格。如果没有标题，那么图片上方应该始终有一个20px的空格。尝试将

页边顶部：20px

添加到您的

标题名中

CSS页边或填充？如果您想快速破解，请尝试

或

。如果没有标题或描述，您的第一个标签附近会有一个额外的空间，那么您如何知道该空间的高度？当然，这将根据文本的不同而有所不同。标题上方应该始终有一个20px的空格。如果没有标题，那么图片上方应该始终有一个20px的空格。尝试将

页边顶部：20px

添加到您的

标题名中

CSS页边或填充？如果您想快速破解，请尝试

或


不，您不明白我的问题。如果你加上页边空白：20px；然后，如果有标题，它将获得额外的20px空间，这不是我想要的。不管是否有标题，我希望一直在顶部有20px。然后从所有其他小组件中删除20px的边距，比如标题。不，你不理解我的问题。如果你加上页边空白：20px；然后，如果有标题，它将获得额外的20px空间，这不是我想要的。不管是否有标题，我希望一直在顶部有20px。然后从所有其他小组件中删除20px的边距，比如标题。