CSS flex布局之 flex 属性

flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。默认值:0 1 auto。

<style>
	div{ display: flex; flex-direction: row;}
	.sp{flex: 1;}
</style>

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

以上实例中,主轴排列方向,在有剩余空间时,class="sp" 的项目占满剩余空间。

JavaScript 语法:

object.style.flex="1"