zoukankan      html  css  js  c++  java
  • td 元素属性 noWrap 防止折行、撑开及文字换行

    最近调试程序,遇到如下问题:


    也就是这个表格里面的文字被换行了,究其原因,主要是td中的width之和超过了100%导致的。谷歌了好久,终于发现,可以用noWrap="noWrap"来解决。

    那么问题来了,noWrap到底是什么?

      HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。

      但使用时要注意的是,td元素noWrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。

      nowrap表示是否允许表格中的文本换行
      nowrap=true的时候不能换行
      nowrap=false可以换行

           解释如下:在内容超过了td的宽度时,内容才会出现换行,并且防止td的宽度被挤压,保证td能够真实的占有其自身定义的width,如果此时行中Td的宽度之和大于表格的现有宽度了,那么表格会增加自身的宽度来适应td宽度之和,而不是由表格的宽度来限制td的宽度。而在不定义nowrap的情况是,td的宽度会被尽量挤压以适应表格的总宽度定义,因此就出现了如上图所示的情况。

          于是,在代码中加入noWrap="noWrap",就解决了刚刚出现的问题


    出来的结果:


    问题得到解决。特此做笔记以说明!


  • 相关阅读:
    OpenSSL证书生成
    支付宝支付流程
    前端获取用户位置信息
    微信公众号开发(三)
    微信公众号开发(二)
    微信公众号开发(一)
    前端优化
    页面自适应
    CSS样式(二)
    CSS样式(一)
  • 原文地址:https://www.cnblogs.com/cmderq/p/9130863.html
Copyright © 2011-2022 走看看