• 敲黑板!“信息公开”不是“隐私公开”! 2019-07-19
  • 90㎡简约二房,简单自然,舒适温馨 2019-07-19
  • 长子县依托煤炭资源促进经济转型大发展 2019-07-12
  • “开裂”的冰岛文章中国国家地理网 2019-07-12
  • 【学习时刻·经济实说②】管清友:中央经济工作会议的十大亮点 2019-07-05
  • 中青报:“三天朋友圈可见”的背后 2019-07-04
  • 美丽绽放新时代 巾帼心向党 纪念三八妇女节108周年--天津频道--人民网 2019-06-29
  • 精兵劲旅·血脉赓续:第80集团军——合心合力  聚焦打赢谋转型 2019-06-29
  • 【理上网来·喜迎十九大】法国前政要:中国已成为促进世界和平的中坚力量 2019-06-28
  • 你才是“蠢货”!土地是自然存在的地球的一部分,并不是人类劳动成果,哪来价值?土地不是劳动成果,没有价值,正如空气和阳光不是劳动成果,没有价值一样。懂吗... 2019-06-28
  • 光明日报:让偷话费的“影子服务”无处藏身 2019-06-27
  • 江西“安全生产月”宣传咨询日活动启动 2019-06-25
  • 运宝黄河大桥公司开展安全宣传咨询活动 2019-06-25
  • 《鼻子说》第13期:不同鼻涕不同病? 2019-06-18
  • 【理上网来喜迎十九大】外媒记者:全面依法治国为中国经济增长保驾护航 2019-06-16
  • 您的位置: 福彩3D组三走势图 > 编程开发 > ASP > 什么是自适应宽度)

    什么是自适应宽度)
    时间:12-04-10 来源:网络 作者:admin 阅览:次

    福彩3D组三走势图 www.0irrap.com

      大概需求和情况是这样的.今天提交的代码自我感觉是比较好的一版了,代码质量和个人编程知识/经验等紧密相关,不求最好,但求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, 工作总是在种种业务场景之下的,像上面解决的这个问题就是。


    ASP相关
    关于<< 什么是自适应宽度) >>的评论 查看所有评论