Number Spin Alignment

This example shows how to set different spin alignments on numberspinner.

示例：

代码：

					
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
	<div style="margin-bottom:20px">
		<input class="easyui-numberspinner" value="30" data-options="label:'Right:',labelPosition:'top',spinAlign:'right'" style="width:100%;">
	</div>
	<div style="margin-bottom:20px">
		<input class="easyui-numberspinner" value="30" data-options="label:'Left:',labelPosition:'top',spinAlign:'left'" style="width:100%;">
	</div>
	<div style="margin-bottom:20px">
		<input class="easyui-numberspinner" value="30" data-options="label:'Horizontal:',labelPosition:'top',spinAlign:'horizontal'" style="width:100%;">
	</div>
	<div style="margin-bottom:20px">
		<input class="easyui-numberspinner" value="30" data-options="label:'Vertical:',labelPosition:'top',spinAlign:'vertical'" style="width:100%;max-width:60px;text-align:center">
	</div>
</div>