css的flex-shrink属性

flex-shrink属性是CSS中用于控制弹性盒子元素在空间不足时缩小的程度。它接受一个数字值作为参数，默认值为1。

当容器的可用空间不足以容纳所有弹性盒子元素时，浏览器会根据各个弹性盒子元素的flex-shrink值来确定它们被缩小的比例。如果一个元素的flex-shrink值较大，则它将相对于其他具有较小flex-shrink值的元素更多地被缩小。如果两个元素具有相同的flex-shrink值，那么它们将按照它们的基准尺寸（通常是元素的初始大小）进行等分缩小。

示例代码如下：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

<style>
.container {
  display: flex;
}

.box {
  flex-shrink: 1;
}
</style>

在上面的例子中，`.container` 是一个使用 `display: flex` 的弹性容器，其中包含三个 `.box` 元素。由于每个 `.box` 元素都设置了相同的 `flex-shrink` 值为1，它们将均匀地被缩小以适应父容器的可用空间。

相关问题：
1. flex-shrink属性可以接受哪些值？
2. 如何设置一个元素不被缩小，即使容器空间不足？
3. 当所有弹性盒子元素的flex-shrink值都为0时会发生什么？