4.8.1 水平方向浮动

以下是通过Auto margin来控制Flex项目的三种案例,分别是预设(无margin)、向右推两个项目(.mr-auto)、向左推两个项目(.ml-auto)。

【例4.9】水平方向案例。

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

图4-9 水平方向效果