• 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",就解决了刚刚出现的问题


    出来的结果:


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


  • 相关阅读:
    Abaqus刚体建模方法
    Abaqus 幅值曲线—与时间相关的函数定义
    Abaqus/CAE 热-力耦合分析
    数据库设计要遵循的点
    c# 面向对象的编程思想
    领导要求你去做不属于你工作范围内的工作,你是答应还是委婉拒绝?
    工作总结&成长感悟
    jquery中的ajax方法参数
    swal() 弹出删除确认框
    serializearray()的具体使用
  • 原文地址:https://www.cnblogs.com/cmderq/p/9130863.html
Copyright © 2020-2023  润新知