css - CSSプロパティを設定して、空白でラップできるが特定の高さを持つ方法は?

Question

固定レイアウトのテーブルがあります。列は幅 25% (4 列) に設定され、行は高さ 20% (5 行) に設定されます。その辺よりも大きいテキストがあり、次の行にはみ出しています。overflow: hidden を設定しましたが、 には適用されないようです<td>。white-space: nowrap を実行すると、セルに設定された 20% の高さは利用されず、1 行だけ使用されます。

テキストが折り返され、高さ 20% で切り取られるようにするにはどうすればよいですか?

ありがとう！

Answer 1

表のセルはスタイルが難しい。通常の解決策は、コンテンツを div でラップすることです。

<td>
   original contents
</td>

になる

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

次に、 にあったスタイルを に適用しtdますdiv。