首页 flex: 0 1 33%;

flex: 0 1 33%;

时间: 2024-04-20 13:26:42 浏览: 124

Flex-One:1个使用Flex制作CSS类布局系统

Flex一对一CSS类系统 Flex One是基于一个CSS类CSS布局系统。此类：.fluid {flex：1} 使用此.fluid {flex：1}，您可以构建整个CSS网格系统。让我告诉你它是如何工作的： .main{display: flex ; flex-flow: row wrap ; width: 80% ; margin: 0 auto} .fluid{flex:1} .clear{width: 100%} 该CSS是一切的基础。使用此CSS，您可以构建可靠的网格系统。 < div xss=removed> 33,3% < /div > < div xss=removed> 33,3% < /div > < div xss=removed> 33,3% < /div > < div xss=removed></div

这是一个CSS属性，用于设置弹性盒子的伸缩性。具体来说，`flex: 0 1 33%`的含义如下： - `flex-grow: 0`表示该弹性盒子不会根据可用空间进行伸展。 - `flex-shrink: 1`表示该弹性盒子可以根据可用空间进行收缩，相对于其他具有可伸缩性的弹性盒子来说，该弹性盒子将优先被收缩。 - `flex-basis: 33%`表示该弹性盒子的初始大小为父容器宽度的33%。综合起来，`flex: 0 1 33%`的意思是，该弹性盒子在布局时不会伸展，但可以被收缩，并且初始大小为父容器宽度的33%。

阅读全文