css 弹性伸缩盒子 |在css中边框怎么设置大小

使用弹性伸缩盒子需要在CSS中使用flex属性，在容器盒子上设置display:flex，可以使用pre标签来展示代码示例：

.container{
display: flex;
}

设置容器为弹性伸缩盒子后，内部元素可以使用flex-grow、flex-shrink和flex-basis属性来设置元素的占比、收缩或扩展以及初始大小。

比如，下面的代码演示了如何让三个元素在容器中等分宽度：

.container{
display: flex;
justify-content: space-between;
}
.item{
flex: 1;
}

其中，justify-content: space-between表示元素之间留有间隔。

弹性伸缩盒子还支持元素的水平或垂直居中，比如下面的代码可以让一个元素在容器中垂直居中：

.container{
display: flex;
align-items: center;
}
.item{
margin: auto;
}

使用CSS弹性伸缩盒子可以快速方便地实现复杂的布局效果，提高开发效率和用户体验。