如何使所有 div 的宽度与其窄化兄弟的宽度相同 [重复]答案

【问题标题】：How to make all divs the same width as their narrowset sibling [duplicate]如何使所有 div 的宽度与其窄化兄弟的宽度相同 [重复]
【发布时间】：2021-05-31 16:22:19
【问题描述】：

如何使所有 div 的宽度与其最窄的兄弟相同。

例如：我有一个：

<div class="wrapper">
  <div class="div1">Hello</div>
  <div class="div2">Hello this s some text</div>
</div>

在这里，我想让div2 元素的宽度与其最窄的兄弟元素 (div1) 的宽度相同，而无需更改 HTML 部分。

【问题讨论】：

你想在不将 div1 的类更改为 div 2 的情况下这样做吗？
这些 div 是并排还是在彼此之上？您的问题不清楚:) ...是否只有其中两个...
@G-Cyrillus 我以默认（从上到下）的方式拥有它们，其中至少有 5-6 个，但包括它们超出了范围。
好吧，这有什么相似之处吗：jsfiddle.net/uykar2cb 你想这样做吗？

标签： html css responsive-design

【解决方案1】：

如果您只想将 css 样式应用于类名中包含“div”关键字的元素，例如“div1”、“div23”或“super_div”，并且它们是“wrapper”类的子元素，那么您可以使用它CSS 选择器。

.wrapper [class*="div"] {
  width="100%"
}

<div class="wrapper">
    <div class="div">Hello</div>
    <div class="div">Hello this s some text</div>
</div>

【讨论】：

【解决方案2】：

尝试使用这个 CSS：

.div1 {
    width: 100%;
}
.div2 {
    width: 100%;
}

<div class="wrapper">
    <div class="div1">Hello</div>
    <div class="div2">Hello this s some text</div>
</div>

【讨论】：