Html 如何使所有div与其窄集同级具有相同的宽度

Html 如何使所有div与其窄集同级具有相同的宽度,html,css,responsive-design,Html,Css,Responsive Design,如何使所有div的宽度与其最窄的同级相同 我有一个: 你好 你好,这是一些文字 尝试使用以下CSS: .div1{ 宽度:100%; } .第2分部{ 宽度:100%; } 你好 你好,这是一些文字 如果您只想将css样式应用于类名中有“div”关键字的元素,如“div1”、“div23”或“super_div”,并且这些元素是“wrapper”类的子元素,那么您可以使用此css选择器 .wrapper [class*="div"] { width="1

如何使所有div的宽度与其最窄的同级相同

我有一个:


你好
你好,这是一些文字
尝试使用以下CSS:

.div1{
宽度:100%;
}
.第2分部{
宽度:100%;
}

你好
你好,这是一些文字

如果您只想将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>
.wrapper[class*=“div”]{
宽度=“100%”
}
你好
你好,这是一些文字

您希望在不将div1的类更改为div2的情况下执行此操作吗?这些div是并排还是相互重叠?。你的问题不清楚:)。。。是不是只有两个…@G-Cyrillus我有默认的(从上到下的)方式,至少有5-6个,但包括它们是不在范围之内的。好吧,这是相似的:你试着去做吗?