[发明专利]一种HTML列表自适应布局方法及装置有效
申请号: | 201710697576.1 | 申请日: | 2017-08-15 |
公开(公告)号: | CN107562455B | 公开(公告)日: | 2019-11-05 |
发明(设计)人: | 易春宝;张文明;陈少杰 | 申请(专利权)人: | 武汉斗鱼网络科技有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38 |
代理公司: | 北京路浩知识产权代理有限公司 11002 | 代理人: | 王莹;吴欢燕 |
地址: | 430000 湖北省武汉市东湖开*** | 国省代码: | 湖北;42 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 列表项 列数 布局方法及装置 自适应 美观性 预设 页面 展示 浏览 | ||
1.一种HTML中列表自适应布局方法,其特征在于,包括:
S1,根据HTML页面中一行最多能展示HTML列表的列表项的第一列数和所述列表项的预设宽度,获取补白因子;
S2,根据所述补白因子与所述HTML列表两侧HTML页面的空白宽度的比较结果,获取所述列表项的第二列数;
S3,将所述HTML页面的当前宽度除以所述第二列数,获取所述列表项的实际宽度,根据所述实际宽度对所述HTML列表进行布局。
2.根据权利要求1所述的HTML中列表自适应布局方法,其特征在于,所述步骤S1之前还包括:
将所述HTML页面的当前宽度除以所述列表项的预设宽度,获取所述HTML页面一行最多能展示HTML列表的列表项的第一列数。
3.根据权利要求1所述的HTML中列表自适应布局方法,其特征在于,所述步骤S2具体包括:
对所述补白因子与所述HTML列表两侧HTML页面的空白宽度进行比较,当所述比较结果为所述补白因子大于所述HTML列表两侧HTML页面的空白宽度时,将所述第一列数加1,获取第二列数。
4.根据权利要求1所述的HTML中列表自适应布局方法,其特征在于,所述步骤S2具体包括:
对所述补白因子与所述HTML列表两侧HTML页面的空白宽度进行比较,当所述比较结果为所述补白因子小于或等于所述HTML列表两侧HTML页面的空白宽度时,将所述第一列数作为所述第二列数。
5.根据权利要求1-4任一所述的HTML中列表自适应布局方法,其特征在于,所述补白因子通过下式获取:
factor=(1-1/column)*defWidth;
其中,factor为所述补白因子,column为所述列表项的第一列数,defWidth为所述列表项的预设宽度。
6.根据权利要求1-4任一所述的HTML中列表自适应布局方法,其特征在于,所述步骤S2之前还包括:
对所述HTML页面的当前宽度和所述列表项的预设宽度进行模运算,获取所述HTML列表两侧HTML页面的空白宽度。
7.根据权利要求1-4任一所述的HTML中列表自适应布局方法,其特征在于,所述步骤S3中根据所述实际宽度对所述HTML列表进行布局的步骤具体包括:
构建style标签样式字符串,将所述style标签样式字符串插入预设DIV中;
根据所述列表项的实际宽度,更新所述style标签样式字符串中列表项的实际宽度。
8.一种HTML中列表自适应布局装置,其特征在于,包括:
第一获取单元,用于根据HTML页面中一行最多能展示HTML列表的列表项的第一列数和所述列表项的预设宽度,获取补白因子;
第二获取单元,用于根据所述补白因子与所述HTML列表两侧HTML页面的空白宽度的比较结果,获取所述列表项的第二列数;
第三获取单元,用于将所述HTML页面的当前宽度除以所述第二列数,获取所述列表项的实际宽度,根据所述实际宽度对所述HTML列表进行布局。
9.一种HTML中列表自适应布局设备,其特征在于,包括:
至少一个处理器、至少一个存储器和总线;其中,
所述处理器和存储器通过所述总线完成相互间的通信;
所述存储器存储有可被所述处理器执行的程序指令,所述处理器调用所述程序指令能够执行如权利要求1至7任一所述的方法。
10.一种非暂态计算机可读存储介质,其特征在于,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令使所述计算机执行如权利要求1至7任一所述的方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于武汉斗鱼网络科技有限公司,未经武汉斗鱼网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710697576.1/1.html,转载请声明来源钻瓜专利网。