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