css 溢出容器的相同高度子项

4zcjmb1e 于 2022-11-26 发布在其他

关注(0)|答案(2)|浏览(180)

我已经搜索了可用的问题，但没有得到我的解决方案。
我试图将水平溢出容器的所有元素的高度设置为等于最长的一个。
第一个
正如你在这里看到的，第二个div是最长的。其他的div应该和第二个相等。而且，我不需要固定高度。

css

来源：https://stackoverflow.com/questions/74556810/same-height-children-of-overflow-container

2条答案

按热度按时间

cbjzeqam1#

在divs上设置min-width，并使其父项flex不能换行。
第一个
我使用了min-width: 150px;。您可以更改该值。

赞(0）回复(0）举报 2022-11-26

lb3vh1jj2#

您可以使用Flex布局。

section{
  width: 300px;
  background: lightblue;
  overflow: auto;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
div{
  display: inline-block ;
  max-width: 150px;
  background: lightgreen;
  margin: 5px;
  white-space: normal;
  height: 100%;
}

赞(0）回复(0）举报 2022-11-26

我来回答

css 溢出容器的相同高度子项

2条答案

相关问题

热门标签

最新问答