css - 如何设置 CSS 属性以便可以用空格包裹但有一定的高度？

Question

我有一张固定布局的桌子。列设置为 25% 宽（四列），行设置为 20% 高（5 行）。我有一些比那一侧大的文本，它溢出到下一行。我设置了溢出：隐藏，但它似乎不适用于<td>. 如果我做 white-space: nowrap 它不会利用为单元格设置的 20% 高度，它只占用一行。

我该如何解决这个问题，以便文本被包裹，但在 20% 的高度被切断？

谢谢！

Answer 1

表格单元格很难设置样式。通常的解决方案是将内容包装在一个 div 中，所以

<td>
   original contents
</td>

变成

<td>
   <div>
      original contents
   </div>
</td>

然后将您的样式应用td到div.