Unlock instant, AI-driven research and patent intelligence for your innovation.

A method and device for self-adaptive layout of html list

A layout method and HTML page technology, applied to program control devices, instruments, calculations, etc., can solve problems such as difficult browsing and unsightly appearance

Active Publication Date: 2019-11-05
WUHAN DOUYU NETWORK TECH CO LTD
View PDF3 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] In order to overcome the problems of unsightly and difficult to browse in the existing HTML list adaptive layout technology or at least partially solve the above problems, the present invention provides a HTML list adaptive layout method and device

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • A method and device for self-adaptive layout of html list
  • A method and device for self-adaptive layout of html list
  • A method and device for self-adaptive layout of html list

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0037] The specific implementation manners of the present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. The following examples are used to illustrate the present invention, but are not intended to limit the scope of the present invention.

[0038] In one embodiment of the present invention, a method for adaptive layout of an HTML list is provided, figure 1 It is a schematic flow chart of an adaptive layout method for an HTML list provided by an embodiment of the present invention. The method includes: S1, according to the first column number of list items that can display a list at most in a line in an HTML page and the preset width of the list items, obtain Filling factor; S2, according to the comparison result of the filling factor and the blank width of the HTML pages on both sides of the list, obtain the second column number of the list item; S3, divide the current width of the HTML page by the For the s...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

Disclosed is an HTML list self-adaptive layout method and device, the method comprising: S1: acquiring a fill factor according to a row of an HTML page displaying at most a first column number of a list item in an HTML list and a preset width of the list item; S2: acquiring, according to a comparison result between the fill factor and a width of the margins of the HTML page on two sides of the HTML list, a second column number of the list item; and S3: dividing a current width of the HTML page by the second column number to obtain an actual width of the list item, and laying out the HTML list according to the actual width. The method enables a list to fill out an entire HTML page in a more reasonable way, so as to display more content without excessive variations arising from changes in the width of an HTML page, thereby enabling control over the width of a list item, and maintaining a pleasant appearance and ease of browsing for a page.

Description

technical field [0001] The present invention relates to the field of software development, and more specifically, to a method and device for adaptive layout of an HTML list. Background technique [0002] Hypertext in HTML (HyperText Markup Language, Hypertext Markup Language) means that a page can contain non-text elements such as pictures, links, music, and programs. It uses marker symbols to mark the various parts of the web page to be displayed. HTML lists contain multiple list items. HTML list adaptive layout means that when the screen size changes, the HTML list automatically presents different layouts according to the screen size. [0003] Currently, there are two general adaptive layout methods for lists. One way is that the width of the list items is fixed pixels, and a floating (float:left or float:right) layout is adopted. When the width of the HTML page is not enough, the last list item will automatically Wrap to the next line; another way is to use a percentag...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Patents(China)
IPC IPC(8): G06F8/38
CPCG06F9/44
Inventor 易春宝张文明陈少杰
Owner WUHAN DOUYU NETWORK TECH CO LTD