代码之家  ›  专栏  ›  技术社区  ›  delphirules

具有固定大小和文本环绕的HTML表

  •  -2
  • delphirules  · 技术社区  · 6 年前

    我正在尝试做一个HTML表,它不会超出其DIV范围,如果列的文本太大,它将换行到下一行。

    我已经加了 word-wrap:break-word; 但不知怎的不起作用。正如您在下面的图像中看到的,列文本在列之外,甚至是在表本身之外的DIV。我做错什么了?

    完整的小提琴:

    https://jsfiddle.net/keq63ygw/

    2 回复  |  直到 6 年前
        1
  •  1
  •   Golwin    6 年前

    去除

    table.gridtable th, td {
        white-space:nowrap;
    }
    

    代码中的节

    https://jsfiddle.net/keq63ygw/1/

        2
  •  2
  •   Sridhar    6 年前

    删除空白并添加分词:break word。其工作

    table.gridtable th, td {
      /* white-space: nowrap; */
      word-break: break-word;
    }