谈自适应宽度
发布时间：2012-04-14 03:07:27作者：知识屋
大概需求和情况是这样的.今天提交的代码自我感觉是比较好的一版了,代码质量和个人编程知识/经验等紧密相关,不求最好,但求better and better.在这里做一个总结文,基于之前《换行情况处理》、《又谈换行情况处理》、《换行情况处理之三》及没来得及记录的经验。
当内容超出父级元素宽度，在未设置white-space:nowrap时会自动换行，设置了white-space:nowrap样式又不能关联到滚动条延伸的部分，解决方案如下：
1、在父级元素添加white-space:nowrap属性；
2、计算（每一行）内容宽度；
a、将内容拆分，包括缩进、图片和文字。
b、利用《又谈换行情况处理》中在body末尾添加非换行dom元素计算文字宽度。
c、叠加拆分的小块宽度为总宽度。
3、去掉父级元素的white-space:nowrap属性；
4、取2中最大宽度，设置成父级元素的宽度（最好在该精确宽度的基础上增加6px-8px的宽度预留给滚动条，一是满足滚动条出现，二是也不会贴边）。
该方法优点（与之前几种方案相比）：
1、宽度计算准确。
2、性能稳定，没有之前循环“试探”的过程，遍历一遍节点即可完成。
What's more, 工作总是在种种业务场景之下的，像上面解决的这个问题就是。
知识阅读
软件推荐
更多 >
-
1帝国CMS统一修改已添加内容页存放目录修改成自定义的方法
2014-11-19
-
2
怎么找回退出的QQ群的群号？
-
3
Winpcap是什么 Winpcap有什么用？
-
4
jsp文件怎么打开?
-
5
百度权重之我见~ 百度权重的等级划分
-
6
DEDE关于列表页分页和内容页分页与CSS不对应，错位的问题-DedeCM
-
7
怎样去掉dedecms【织梦】后台的安全提示？
-
8
帝国CMS 后台在线编辑CSS扩展修改教程！(建议收藏)
-
9
修改Dede友情链接dede:flink
-
10
nginx做下载服务器配置一例
