大约要求和状况是这样的.今日递交的编码自身觉得是较为好的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, 工作中一直在种种业务流程情景之下的,像上面处理的这个难题便是。