z30-alignpack-0006.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 26 行

<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>