更改时如何调整 Bulma Column 高度？

Question

是否可以让一个列在其他列发生变化时调整其高度？我使用 flex 将所有列都置于同一高度，但是当我动态更改其中一列时，其他列保持不变...... 有什么办法可以解决这个问题？

谢谢！！

Answer 1

您可以向这些组件添加特定的 class，并使用 js 添加 class onChange，并确保为 class 添加 css。编程愉快！

Answer 2

如果你的弯曲方向是行，你可以使用 align-items: stretch

.fparent {
  display: flex;
  align-items: stretch;
  justify-content: flex-start
}

.fparent>div {
  background: yellow;
  flex: 1;
  border: 1px solid black;
}

<div class="fparent">
  <div>Some content in first div Some content in first divSome content in first divSome content in first divSome content in first divSome content in first divSome content in first div
  </div>
  <div></div>
  <div>
  </div>
</div>

更改时如何调整 Bulma Column 高度？

How to adjust Bulma Column height when one changes?

css

angular

flexbox

bulma