谈自融入宽度

日期:2021-01-20 类型:科技新闻 

关键词:h5互动游戏,微信h5怎么制作,h5转盘抽奖,h5测试制作,凡科H5

大约要求和状况是这样的.今日递交的编码自身觉得是较为好的1版了,编码品质和本人程序编写专业知识/工作经验等密不可分有关,不求最好是,但求better and better.在这里做1个总结文,根据以前《换市场行情况解决》、《又谈换市场行情况解决》、《换市场行情况解决之3》及没来得及纪录的工作经验。

当內容超过父级元素宽度,在未设定white-space:nowrap时会全自动换行,设定了white-space:nowrap款式又不可以关系到翻转条拓宽的一部分,处理计划方案以下:

1、在父级元素加上white-space:nowrap特性;

2、测算(每行)內容宽度;

a、将內容拆分,包含缩进、照片和文本。

b、运用《又谈换市场行情况解决》中在body结尾加上非换行dom元素测算文本宽度。

c、叠加拆分的小块宽度为总宽度。

3、去掉父级元素的white-space:nowrap特性;

4、取2中最大宽度,设定成父级元素的宽度(最好是在该精准宽度的基本上提升6px⑻px的宽度预留给翻转条,1是考虑翻转条出現,2是也不容易贴边)。

该方式优势(与以前几种计划方案相比):

1、宽度测算精确。

2、特性平稳,沒有以前循环系统“摸索”的全过程,遍历1遍连接点便可进行。

What's more, 工作中一直在种种业务流程情景之下的,像上面处理的这个难题便是。