如何（在哪里）我可以用css在嵌套的html表中设置固定的单元格大小？

Question

这里有很多关于如何设置固定单元格大小的答案，但是我无法找到参数所属的嵌套表层次结构中的位置。我的表是日历的可视化，显示可能的多个事件。它显示了半年。

我的html结构简化，如下所示：

<table> (whole calendar)
  <tr> (whole row of days)
    <td> (a single day)
      <table> (to be able to display the different data of a single day)
        <tr>
          <td> (displays the weekday name)
          <td> (displays the day of month value)
          <td> (cell to hold single or multiple events)
            <table> (to be able to split up events inside the <td>)
              <tr>
                for each event, through jstl:
                <td> (display of a single event)
                in some cases the event <td> contains both a polygon shape, and text.

长字符串/事件的输出如下所示：

注意多边形和文本扩展其给定空间时的换行符。我喜欢它们不会水平扩展，但它们也不应该垂直扩展。 它应该看起来像这样，只有切割字符串，如果它们扩展了它们给定的空间

我试图在我的层次结构中的各个组件上设置max-height：远远和远远，但它似乎没有任何效果。我还尝试了表格布局：固定;但这也绝对没有明显的变化。据我所知，我的桌子中大约有8-9个级别可能是设置我正在寻找的固定高度的正确位置。最高的是第一个tr级别，最低的是持有单个事件的td。

1. 我是否需要在所有上声明max-height和/或fixed table-layout 层次结构的级别？
2. 这些是正确的参数吗？
3. 使用CSS来设置嵌套样式时是否存在优先级的黄金法则 表（或其他组件）？

我也欢迎任何有关我选择架构的提示。我觉得有更好的方法可以做到这一点，但就目前而言，我的主要目标是让它发挥作用，希望我每次都能更聪明一点。

修改 根据{{​​3}}的答案，我设置了白色空间：nowrap;在我的顶级表元素上，它几乎按照我想要的方式工作。单元格保持固定的高度和宽度，但有一点小故障是文本继续显示在小单元格之外。

Answer 1

如果要在表格单元格的边缘切割文本，则必须将表格布局更改为固定，并且td需要隐藏溢出。

table{table-layout:fixed}
table td{overflow:hidden}

此link也可能会有所帮助。