z30-alignpack-0006.zul

ZK是一个Ajax Java Web框架

<zk xmlns:n="http://www.zkoss.org/2005/zk/native">
	<n:p>1. Each space between each other is the same from the first vbox.</n:p>
	<n:p>2. Each space between each other is the same as each label from the second vbox.</n:p>
	
	<label value="PACK AND ALIGN - height:" />
	<style>
		table.vbox{ 
			border: solid blue 1px;} 
		.obj{
		 height:50px;
		 width:50px;
		 border: solid black 1px;
		}
	</style>
	<vbox width="200px" height="1000px" sclass="vbox">
		<div sclass="obj">The same</div>
		<div sclass="obj">The same</div>
		<div sclass="obj">The same</div>
	</vbox>
	<div>heights</div>
	<vbox width="200px" heights="100px,300px,600px" sclass="vbox">
		<div sclass="obj">100</div>
		<div sclass="obj">300</div>
		<div sclass="obj">600</div>
	</vbox>
</zk>