CSS3 box-flex-group 属性

box-flex-group 属性用于指定一个元素的弹性伸缩组。当一个元素具有 display: boxdisplay: inline-box 样式时,box-flex-group 属性可以用来控制该元素在伸缩布局中的弹性伸缩行为。

语法

  • <number>:指定一个整数值,表示元素所属的弹性伸缩组。默认值为 1

  • number:指定一个整数值,表示元素所属的弹性伸缩组。可以是正数、负数或 0

示例

-- -------------------- ---- -------
---------- -
  -------- ----
-

------ -
  --------- --
  --------------- --
-

------ -
  --------- --
  --------------- --
-

------ -
  --------- --
  --------------- --
-
展开代码

在上面的示例中,.item1.item2 属于同一个弹性伸缩组(box-flex-group: 1),它们的弹性伸缩比例分别为 12。而 .item3 则属于另一个弹性伸缩组(box-flex-group: 2)。

box-flex-group 属性可以帮助我们更灵活地控制弹性伸缩布局中的元素,使布局更加符合设计需求。

上一篇: CSS 属性 box-flex
下一篇: CSS 属性 box-lines
纠错
反馈

纠错反馈