Method and system for WEB page layout

Abstract

The invention relates to a method and a system for WEB page layout. The method includes: obtaining a page layout command, calculating a parent container absolute size; traversing element of the parent container for obtaining a sum of the element having a first sign; obtaining a difference value of the parent container absolute size and the element having the first sign; calculating and obtaining the absolute size of the element having a second sign according with percent of the element having the second sign to the difference value; laying the web page according with the absolute size of the element having the first sign and the absolute size layout page of the element having the second sign. The method and system make the element with the second sign trying to use residual space of the parent container, and changing with the parent container size change, having a function of suitable the parent container size change dynamic.

Description

Method and system for web page layout technical field The invention relates to page display technology, in particular to a page layout method and system. Background technique A Web page is composed of many HTML elements, and each HTML element has an actual physical size when displayed on a computer screen, and the default unit is pixel (px). In any system, page layout is an important technology. A good layout can make the interface organization of the system more reasonable. In a Web system, a panel is usually used to organize the layout. The panel can be a layer (DIV ), or an element with a regular shape (usually a rectangle) such as a table (TABLE), and adjust the layout of the page by controlling the size of these elements. Moreover, the way to formulate element size includes absolute size or percentage size. The so-called absolute size refers to specifying an absolute value for the width or height of an element. As shown in Figure 1, for the title part on the left...

AI Technical Summary

Problems solved by technology

However, for the query result display area, if an absolute size is used for layout, no matter how the window size changes, the size of the query result display area will not change, and the purpose of just filling the remaining space cannot be achieved; On the one hand, if the percentage of the query result display area is set to 100% in percentage size layout, then according to the principle of percentage layout interpreted by browsers in the prior art, the height of the "query result display area" will be translated as The height of the entire page; furthermore, no matter how the window size is adjusted, "the sum of the size of the query condition area and the size of the query result display area will exceed the size of the browser window, so that the command button area will be squeezed out of the window displayed on the page , and the entire page will have a scroll bar

In summary, the existing page layout method cannot meet the requirements of the page shown in Figure 5

Images