我面临的问题是我无法在弹性盒项目中设置与其父项相同的宽度。
这是代码,该类的跨度与其父级theSpan不同width。
.container {
display: flex;
}
.item1 {
flex: 1 1 200px;
border: 5px solid yellow;
}
.item2 {
flex: 1 1 200px;
border: 5px solid blue;
}
.item3 {
flex: 1 1 200px;
border: 5px solid red;
}
.theSpan {
width: 100%;
border: 2px solid black;
}Run Code Online (Sandbox Code Playgroud)
<div class='container'>
<div class='item1'>
<span class='theSpan'>abcdefg</span>
</div>
<div class='item2'>
<span>1</span>
</div>
<div class='item3'>
<span>2</span>
</div>
</div>Run Code Online (Sandbox Code Playgroud)