z30-alignpack-0008.zul

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

<zk xmlns:n="http://www.zkoss.org/2005/zk/native">
	<n:p>If the layout of the hbox and vbox is similar to the following image, it's true.</n:p>
	<label value="PACK AND ALIGN - NESTED:" />
	<style>
		table.hbox{ 
			border: solid red 1px; } 
		table.vbox{ 
			border: solid blue 1px;} 
		.obj{
		 height:50px;
		 width:50px;
		 border: solid black 1px;
		}
	</style>
		<hbox pack="center" align="center" height="486px" width="486px" sclass="hbox">
			IN HBOX
			<vbox pack="center" align="center" height="162px" sclass="vbox"
				width="162px">IN VBOX
				<hbox pack="center" align="center" height="54px" sclass="hbox"
					width="54px">IN HBOX
					<vbox pack="center" align="center" height="18px" sclass="vbox"
						width="18px">IN VBOX
						<hbox pack="center" align="center" height="6px" sclass="hbox"
							width="6px">IN HBOX
							<textbox height="2px" width="2px" />
						</hbox>
					</vbox>
				</hbox>
			</vbox>
		</hbox>
<hbox>
Image Result:
<image src="Z30-alignPack-0006-result.gif"/>
</hbox>
</zk>