一种ＷＥＢ页面布局的方法及系统技术方案

本发明专利技术涉及一种ＷＥＢ页面布局的方法及系统。所述方法包括：获取页面布局命令，计算父容器绝对尺寸；遍历所述父容器中的元素，获取具有第一标识的元素绝对尺寸的和；获取所述父容器绝对尺寸与所述具有第一标识的元素绝对尺寸的和的差值；按照具有第二标识的元素占所述差值的百分比计算得到所述的具有第二标识的元素的绝对尺寸；根据具有第一标识的元素的绝对尺寸以及具有第二标识的元素的绝对尺寸布局页面。本发明专利技术使得具有第二标识的元素能够按要求尽量利用父容器的剩余空间，并且随着父容器尺寸的变化而变化，具有动态适应父容器尺寸变化的功能。

【技术实现步骤摘要】

本专利技术涉及页面显示技术，尤其是一种页面布局的方法及系统。
技术介绍
一个Web页面是由很多个HTML元素构成的，每个HTML元素展示在 计算机屏幕上时，都具有一个实际的物理尺寸，默认以像素(px)为单位。在任何系统中，页面布局都是一项重要的技术，好的布局可以使系统的 界面组织的更加合理，在Web系统中，通常使用面板方式来组织布局，所述 面板可以是一个层(DIV),也可以是一个表格(TABLE )等具有规则形状(通 常为矩形)的元素，通过制这些元素的尺寸来调整页面的布局。并且，制定所谓绝对尺寸是指为元素的宽度或高度指定一个绝对的值。如图l所示， 对于左边的标题部分，可以指定为"宽度二80px",右边的输入框部分可以指 定为"宽度二200px"。对于绝对尺寸而言，由于左边标题指定宽度为80px,右边输入框部分指 定宽度为200px,因此，不论浏览器窗口如何改变大小，页面中元素始终是不 动的，其变化结果如图2所示。所谓百分比尺寸是指为页面中元素指定相对于元素父容器的百分比尺 寸。如图3所示，该示例中以整个页面作为父容器，将左边的标题部分宽度 指定为30%,右边的输入框部分指定为70本文档来自技高网...

【技术保护点】
一种页面布局的方法，其特征在于，包括：　获取页面布局命令，计算父容器绝对尺寸；遍历所述父容器中的元素，获取具有第一标识的元素绝对尺寸的和；　获取所述父容器绝对尺寸与所述具有第一标识的元素绝对尺寸的和的差值；　按照具有第二标识的元素占所述差值的百分比计算得到所述的具有第二标识的元素的绝对尺寸；　根据具有第一标识的元素的绝对尺寸以及具有第二标识的元素的绝对尺寸布局页面。

【技术特征摘要】

【专利技术属性】
技术研发人员：张旭，
申请(专利权)人：深圳市金蝶中间件有限公司，
类型：发明
国别省市：94[中国|深圳]