[解決済み] table、tr、tdにmin-heightを使用することはできますか？

質問

受信の詳細をテーブルで表示しようとしています。

そのテーブルには、商品を表示するための最小の高さを持たせたいと思います。そのため、商品が1つしかない場合は、テーブルの端に少なくともいくつかの余白を持たせることになります。一方、商品が5つ以上ある場合は、そのような空白はありません。

このCSSを試してみました。

table,td,tr{
  min-height:300px;
}

しかし、うまくいきません。

どうすればいいですか？

あまりいい方法ではないですが、こんな風に試してみてください。

<table>
    <tr>
        <td>
            <div>Lorem</div>
        </td>
    </tr>
    <tr>
        <td>
            <div>Ipsum</div>
        </td>
    </tr>
</table>

で、divをmin-heightに設定します。

div {
    min-height: 300px;
}

これがあなたの望むものであることを願っています ...