style="flex:0 1 30%" CSS属性详解 - 弹性布局中的伸缩性

style="flex:0 1 30%" 表示该元素在弹性布局中的伸缩性。其中 "flex" 属性由三个值组成，分别表示：- "flex-grow" （默认值为0）：确定元素在空间有剩余时是否放大，值越大，元素将占用更多的空间。- "flex-shrink" （默认值为1）：确定元素在空间不足时是否缩小，值越大，元素将占用更少的空间。- "flex-basis" （默认值为auto）：确定元素的初始大小。在给定的例子中，"flex:0 1 30%" 表示该元素不会放大（"flex-grow:0"），在空间不足时会缩小（"flex-shrink:1"），初始大小为父容器宽度的30%（"flex-basis:30%"）。这意味着该元素的宽度会根据父容器的空间进行调整，但不会放大，且初始大小为父容器宽度的30%。