[发明专利]网页页面布局的调整方法及装置

说明书

本发明提供一种网页页面布局的调整方法及装置，其中，该方法包括：根据预设的网格的大小，将网页页面划分为网格单元；将第一模块元素从第一网格移动至目标网格，第一网格包括至少一个网格单元，第一模块元素用于承载第一网格上的数据内容；若第一网格的大小与目标网格的大小不一致，则移动目标网格对应的目标模块元素，并调整目标网格所占用网格单元的个数，以放置第一模块元素。实现了将第一模块元素移动到目标模块元素所在的目标网格处的时候，而第一模块元素与目标模块元素的大小不一致，第一模块元素不会与目标模块元素产生重叠，不妨碍网页上模块元素的内容的展示。

技术领域

本发明涉及网页技术，尤其涉及一种网页页面布局的调整方法及装置。

背景技术

所有的网站都需要定义其网页的外观，即进行网页页面布局。在网页页面上，将需要显示的内容放入模块元素中，从而进行网页页面布局的时候，可以更改网页中各个模块对象的位置、大小。

现有技术中，进行网页页面布局的过程中，终端通过改变当前模块元素在网页页面上的位置，来实现对网页页面的布局。

但是，现有技术中，将模块元素移动到目标位置的时候，当前模块元素会与目标位置处的模块元素相互重叠，阻碍了目标位置处的模块元素的内容的展示。从而造成模块元素之间相互重叠的现象，不利于网页上模块元素的内容的展示。

发明内容

本发明提供一种网页页面布局的调整方法及装置，用以解决现有技术中的在将模块元素移动到目标位置的时候，当前模块元素会与目标位置处的模块元素相互重叠，而不利于网页上模块元素的内容的展示的问题。

本发明的第一个方面是提供一种网页页面布局的调整方法，包括：

根据预设的网格的大小，将网页页面划分为网格单元；

将第一模块元素从第一网格移动至目标网格，所述第一网格包括至少一个所述网格单元，所述第一模块元素用于承载所述第一网格上的数据内容；若所述第一网格的大小与所述目标网格的大小不一致，则移动所述目标网格对应的目标模块元素，并调整所述目标网格所占用网格单元的个数，以放置所述第一模块元素。

本发明的另一个方面是提供一种网页页面布局的调整装置，包括：

网格划分模块，用于根据预设的网格的大小，将网页页面划分为网格单元；

移动模块，用于将第一模块元素从第一网格移动至目标网格，所述第一网格包括至少一个所述网格单元，所述第一模块元素用于承载所述第一网格上的数据内容；

网格调整模块，用于若所述第一网格的大小与所述目标网格的大小不一致，则移动所述目标网格对应的目标模块元素，并调整所述目标网格所占用网格单元的个数，以放置所述第一模块元素。

本发明通过根据预设的网格的大小，将网页页面划分为网格单元；然后将第一模块元素从第一网格移动至目标网格，第一网格包括至少一个网格单元，第一模块元素用于承载第一网格上的数据内容；若第一网格的大小与目标网格的大小不一致，则移动目标网格对应的目标模块元素，并调整目标网格所占用网格单元的个数，以放置第一模块元素。实现了将当前需要移动的第一模块元素放置到目标模块元素所在的目标网格处的时候，而第一模块元素与目标模块元素的大小不一致，第一模块元素不会与目标模块元素产生重叠，不妨碍网页上模块元素的内容的展示。

附图说明

图1为本发明实施例一提供的一种网页页面布局的调整方法的流程图；

图2为本发明实施例二提供的一种网页页面布局的调整方法的流程图；

图3为本发明实施例三提供的一种网页页面布局的调整装置的结构示意图。

具体实施方式