如何使用javascript/jquery更改flexbox元素的宽度

如何使用javascript更改flex元素的宽度？ 我有这个密码（小提琴）

文件
.集装箱{
边框：2倍纯红；
高度：100vh；
显示器：flex；
}
.bl1{
边框：2倍固体石灰；
身高100%；
弹性：1；
}
.bl2{
边框：2件纯蓝；
身高100%；
弹性：1；
}
$（'.bl1'）.append（'+$（“.bl1”）.css（“宽度”）之前的'；
//这里不能换
$（“.bl1”）.css（“宽度”，“300px”）；
$（'.bl1'）.append（'
在'+$（“.bl1”）.css（“宽度”）之后）；

输出宽度始终相同 此行不可用$（“.bl1”）.css（“宽度”，“300px”）

---

如何在flexbox块中使用javascript更改宽度

您可以使用“flex”属性更改其大小，而不是使用宽度。你也可以使用小数。

你可以这样定义

$(".bl1").css( "flex", "0 1 300px" );

当您为

.bl1

和

.bl2

flex:1编写代码时那是什么意思

flex-grow: 1;  // should be equal to each other
flex-shrink: 1;
flex-basis: 0%;

现在你可以说

$(".bl1").css( "flex", "0 1 300px" );

那意味着

flex-grow: 0;
flex-shrink: 1;
flex-basis: 300px;

flex basis表示框的宽度，对于较旧的浏览器，您可以使用
width:300px
进行后卫


$（'.bl1'）.append（'before'+$（.bl1”）.css（“width”）；
//这里不能换
$（“.bl1”）.css（“flex”，“01300px”）；
$（'.bl1'）.append（'
在'+$（“.bl1”）.css（“宽度”）之后）
.container{
边框：2倍纯红；
高度：100vh；
显示器：flex；
}
.bl1{
边框：2倍固体石灰；
身高100%；
弹性：1；
}
.bl2{
边框：2件纯蓝；
身高100%；
弹性：1；
}


flex-grow: 0;
flex-shrink: 1;
flex-basis: 300px;