html - 在 CSS 中动态设置 div 高度

<分区>

我的 CSS 中有以下代码:

div.h120 {
    height: 120px;
}

是否可以动态设置它，以便如果我在 div 中放置一个类 h150，它现在有 height 150px？

实现此目的的一种方法是为每个可能的高度值创建一个类，但我想知道是否有更好的方法。

感谢您的关注。

最佳答案

您可以为此目的尝试使用 scss/sass 来创建函数来为您生成类:

div{
  @for $j from 1 through 200 {
        &.h#{$j}{
            height: ($j + px);
        }
    }
 }

关于html - 在 CSS 中动态设置 div 高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57360662/

相关文章：

javascript - HTML 和谷歌地图玩得不好