Css 如何将引导列限制为特定列的高度？

将bootstrap的列设置为相同高度已在此处得到解答：

但是我有一点不同的要求

具体来说，我需要将列的高度限制为特定列的高度

例如，如果我们分别有两列100px和50px，我希望我的第一列的高度也为50px，我将使用overflow:hidden in。请注意，高度是动态的，但我始终希望使用第一列的高度

---

这在纯css中是可能的吗？或者我必须使用javascript来实现这一点吗？

当然，为什么不使用一个特殊的CSS类来限制高度呢

.row.limit [class*="col-"]{
  max-height:50px;
  overflow:hidden;
}

如果您不需要将该类应用于所有引导列col-*则最好应用特定的CSS选择器。然后将限制添加到适当的列

.limit {
  max-height:50px;
  overflow:hidden;
}

---

柱的高度是动态的。抱歉，如果原始问题不清楚！您可以为dinamic CSS使用数据属性。请查看此链接：