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

摘要

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

主权项

1.一种网页页面布局的调整方法，其特征在于，包括：根据预设的网格的大小，将网页页面划分为网格单元；将第一模块元素从第一网格移动至目标网格，所述第一网格包括至少一个所述网格单元，所述第一模块元素用于承载所述第一网格上的数据内容；若所述第一网格的大小与所述目标网格的大小不一致，则移动所述目标网格对应的目标模块元素，并调整所述目标网格所占用网格单元的个数，以放置所述第一模块元素；其中，所述若所述第一网格的大小与所述目标网格的大小不一致，则移动所述目标网格对应的目标模块元素，并调整所述目标网格所占用网格单元的个数，以放置所述第一模块元素，包括：若所述第一网格的大小大于所述目标网格的大小，则移动所述目标模块元素，以及与所述目标模块元素相邻的相邻模块元素，以使所述目标网格的大小与所述相邻模块元素所占用的网格大小之和满足所述第一网格的大小要求；若所述第一网格的大小小于所述目标网格的大小，则移动所述目标模块元素，并确定所述第一网格的大小与所述目标网格的大小的差值；从网页页面上的其他模块元素中确定占用网格大小与所述差值大小相等的第二模块元素，并将所述第二模块元素移动至所述目标网格中，所述其他模块元素为除了所述目标模块元素和所述第一模块元素之外的模块元素；所述方法还包括：若所述第一网格的大小与所述目标网格的大小一致，则移动所述目标模块元素至所述第一网格中。