时间戳

首页 > 解决方案 > 容器无法正常工作时隐藏的可见性

css - 容器无法正常工作时隐藏的可见性

问题描述

我有如下引导容器：

//HTML part
 <div class="col-lg-3 col-md-4 col-xs-12 col-12 mb-2 mt-4">
        <div class="topic_header" :styles="visibilityControl(value)">
          {{ topic.name }}
        </div>
 </div>
//CSS part
.topic_header {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 16px;
}

//VueJS方法

  returnVisibility(value) {
      return topic.name ? "visibility:visible" : "visibility:hidden";
    },

但是我想要实现的是，topic_header即使没有值，我 div 也要占据相同的高度。

但这并没有发生，理想情况下它也应该采用 24px 的高度作为字体大小和边距，但它没有这样做，我使用的是 VueJS3，并且我尝试如上所述实现可见性。

标签： cssvue.js

解决方案

推荐阅读