一种WEB页面布局的方法及系统

摘要

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

主权项

一种HTML语言形成的Web页面中矩形页面元素布局的方法，其特征在于，包括：获取页面布局命令，计算父容器绝对尺寸；遍历所述父容器中的元素，获取具有第一标识的元素绝对尺寸的和；获取所述父容器绝对尺寸与所述具有第一标识的元素绝对尺寸的和的差值；按照具有第二标识的元素占所述差值的百分比计算得到所述的具有第二标识的元素的绝对尺寸；根据具有第一标识的元素的绝对尺寸以及具有第二标识的元素的绝对尺寸布局页面；所述获取具有第一标识的元素绝对尺寸包括：首先在HTML元素中增加自定义属性，采用一定的标识予以标记，将元素分为具有第一标识的元素和具有第二标识的元素；根据元素的自定义属性的标识，获取具有第一标识的元素的属性，获取所述属性中元素尺寸的绝对值；或者，获取具有第一标识的元素的属性，获取所述属性中元素尺寸的百分比值，计算所述百分比与所述父容器的绝对尺寸的积，得到绝对值。