html - コンテンツにもかかわらずテーブルセルの高さを縮小する

Question

tdの高さを縮小して、高さが正確に希望どおりになるようにする方法があることを期待しています。たとえば、11pxのテキストを保持している場合は6pxです。セルの内容の上半分を見ることができると思います。

divの高さを設定したくない理由は、各行を同じ高さにしたいためです。行にまたがるセルがあるため、divが1つのセルに拡張できるはずのときに、コンテンツが1つのセルに切り取られます。 2つのセル。それが理にかなっていることを願っています...

<table>
    <thead>
        <tr>
            <th style="height: 0px; width: 0px;">
            </th>
            <th style="width: 25px;">
            </th>
            <th style="width: 25px;">
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="height: 6px;">
            </td>
            <td>
                <div>
                    Some table data</div>
            </td>
            <td rowspan="2">
                <div>
                    Some data that is two rows high</div>
            </td>
        </tr>
        <tr>
            <td style="height: 6px;">
            </td>
            <td>
                <div>
                    Some more data</div>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

テーブルセルの高さを制限することはできませんが、すぐ近く<div>のsに高さを強制することはできます。

td > div {
    overflow: hidden; 
    height: 6px;
}