• 中方有力回击!美国多个行业喊痛:“加征关税就是对美国消费者征税” 2019-05-26
  • 21岁CEO为留学生做“安保” 2019-05-26
  • 江西:入汛以来最强连续暴雨即将来临 防汛进入关键阶段 2019-05-22
  • 山东艺术学院成立电影学院 2019-05-22
  • 塑造“文旅人”新风貌 2019-05-08
  • 中国武器亮相国外 铁甲雄狮大秀视觉盛宴 2019-05-08
  • 网友自嘲工资拖后腿 专家:衡量个人收入需更多数据 2019-05-05
  • 【奋斗者说】天辰物流穆怀永:幸福道路上永远有我们奋斗的身影 2019-05-05
  • 高清图集:习近平在山东考察 2019-04-22
  • 没有比较,怎知好坏。比较会是停留在30年前吗? 2019-04-18
  • 买买买!吃吃吃!端午消费火爆,总额超70亿元 2019-04-04
  • 树立文化自信 创新节庆模式 2019-03-12
  • “一周注射一次” 有效改善血糖达标 2019-03-10
  • 新华时评:成果不易,更需诚意与信任呵护 2019-03-10
  • 【学习时刻】颜晓峰少将:加快把人民军队建设成为世界一流军队的强军纲领 2019-03-05
  • 您的位置: 福彩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相关
    关于<< 什么是自适应宽度) >>的评论 查看所有评论