各セルの幅は固定されていますが、絶対的ではあるが高さが変化するテーブルを作成しようとしています。たとえば、最初の列の最初の行は 20px、2 番目は 65px、3 番目は 20px になります。2 列目の最初の行は 20px、2 番目の列は 45px、3 番目の行は 40px になります。最後の列では、最初の行が 20 ピクセル、2 番目の行が 85 ピクセルになります。
表のセルが空であるか、コンテンツに対して十分な大きさである場合、これらはすべて正常に機能します。ただし、コンテンツがセルに収まるサイズよりも大きい場合、行は垂直方向に拡張されますが、余分なコンテンツは非表示にしたいと考えています。
使ってみました
overflow:hidden
<tr
>、> <td
、および > 内にコンテンツを配置しながら同じことを行いますが、<div
私が探しているものを達成するものはありません。行を拡張するのではなく、余分なコンテンツを非表示にして行の高さを絶対値に制限する方法についてのアイデアはありますか? テーブル内に保持したいのですが、それが不可能で、別の表示手法を使用する必要がある場合は、アイデアを受け入れます。