主页 / 问题 / 1428345
Accepted
Oleg Merkulov
Asked:2022-07-10 19:00:38 +0000 UTC2022-07-10 19:00:38 +0000 UTC

连续块的自动高度

  • 772

有一个带有块的网格，我遇到的第一个问题 - 块从溢出中移出，我通过设置块高度（暂时）解决了。因此问题。是否可以根据同一行中较大的块高度来设置行中的块高度？如果可能，那就不用js来实现。

可以理解，一行可以有不同数量的元素

所有代码都在这里描述

例子

javascript html

1 个回答

  1. Best Answer

    例子

    * {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid__col {
  display: flex;
  padding: 1rem;
  max-width: 25%;
  width: 25%;
  border: 1px solid #ccc;
}
    <div class="grid">
  <div class="grid__col">
    11
  </div>
  <div class="grid__col">
    11
  </div>
  <div class="grid__col">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem, optio? Veritatis ad at doloribus quis sit optio ex debitis totam laboriosam natus. Obcaecati ad expedita rem, possimus veritatis recusandae dolorem!
  </div>
  <div class="grid__col">
    11
  </div>
  <div class="grid__col">
    Lorem ipsum dolor sit amet consectetur!
  </div>
  <div class="grid__col">
    11
  </div>
</div>

    • 2

相关问题