CSS flex布局之 order 属性

order 设置在项目上。属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。

<div>
	<span>1</span>
	<span class="sp">2</span>
	<span>3</span>
</div>

div{
	display: flex;
}
.sp{ order:2; }

以上实例,主轴方向(水平)为排列方向,则结果为 132。

图一

JavaScript 语法:

object.style.order="2"