- Bootstrap从入门到项目实战
- 李爱玲
- 93字
- 2025-02-23 08:23:42
4.6 自动相等
在一系列子元素上使用.flex-fill类,来强制它们平分剩下的空间。
【例4.7】自动相等案例。

在IE 11浏览器中运行结果如图4-7所示。

图4-7 自动相等效果
自动相等也可以添加响应式的设置,响应式类如下:
. flex-{sm|md|lg|xl}- fill
在一系列子元素上使用.flex-fill类,来强制它们平分剩下的空间。
【例4.7】自动相等案例。
在IE 11浏览器中运行结果如图4-7所示。
图4-7 自动相等效果
自动相等也可以添加响应式的设置,响应式类如下:
. flex-{sm|md|lg|xl}- fill