Tôi có thể sử dụng chiều cao tối thiểu cho bảng, tr hoặc td không?

Tôi đang cố gắng hiển thị một số chi tiết của nhận trong bảng.

Tôi muốn cái bàn đó có chiều cao tối thiểu để hiển thị các sản phẩm. Vì vậy, nếu chỉ có một sản phẩm, bảng sẽ có ít nhất một số khoảng trắng ở cuối. Mặt khác, nếu có từ 5 sản phẩm trở lên, nó sẽ không phải là không gian trống.

Tôi đã thử với css này:

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

Nhưng nó không hoạt động.

Cảm ơn trước.

Đó không phải là một giải pháp hay nhưng hãy thử nó như thế này:

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

và đặt các div thành chiều cao tối thiểu:

div {
    min-height: 300px;
}

Hy vọng đây là những gì bạn muốn ...

heightcho tdcác tác phẩm như min-height:

td {
  height: 100px;
}

thay vì

td {
  min-height: 100px;
}

Các ô trong bảng sẽ phát triển khi nội dung không phù hợp.

https://jsfiddle.net/qz70zps4/

Giải pháp mà không có divđược sử dụng một phần tử giả như ::aftervào đầu tiên tdtrong hàng với min-height. Lưu HTML của bạn sạch sẽ.

table tr td:first-child::after {
   content: "";
   display: inline-block;
   vertical-align: top;
   min-height: 60px;
}

Trong CSS 2.1, tác động của 'chiều cao tối thiểu' và 'chiều cao tối đa' đối với bảng, bảng nội dòng, ô bảng, hàng bảng và nhóm hàng là không xác định.

Vì vậy, hãy thử gói nội dung trong một div và đặt div là min-height jsFiddle tại đây

<table cellspacing="0" cellpadding="0" border="0" style="width:300px">
    <tbody>
        <tr>
            <td>
                <div style="min-height: 100px; background-color: #ccc">
                Hello World !
                </div>
            </td>
            <td>
                <div style="min-height: 100px; background-color: #f00">
                Goog MOrning !
                </div>
            </td>
        </tr>
    </tbody>
</table>

nếu bạn đặt style = "height: 100px;" trên td nếu td có nội dung phát triển ô nhiều hơn thế, nó sẽ làm như vậy không cần chiều cao tối thiểu trên td.

Các bảng và ô trong bảng không sử dụng thuộc min-heighttính, việc đặt chúng heightsẽ là chiều cao tối thiểu vì các bảng sẽ mở rộng nếu nội dung kéo dài chúng.

Chỉ cần sử dụng mục nhập css của chiều cao tối thiểu vào một trong các ô của hàng bảng của bạn. Hoạt động trên các trình duyệt cũ.

.rowNumberColumn {
    background-color: #e6e6e6;
    min-height: 22;
}

<table width="100%" cellspacing="0" class="htmlgrid-table">
    <tr id="tr_0">
            <td width="3%" align="center" class="readOnlyCell rowNumberColumn">1</td>
            <td align="left" width="40%" id="td_0_0" class="readOnlyCell gContentSection">411978430-Intimate:Ruby:Small</td>