đặt chiều cao hàng của bảng

Question

Kỹ năng thiếu CSS của tôi khiến tôi đau đầu. Như đã trình bày trong hình dưới đây, bị bắt từ firebug:

Sử dụng GWT như khuôn khổ gọi Vaadin tôi đã đưa ra một thành phần Bảng tên lớp m2m-modal-bảng và tôi muốn thiết lập một min- chiều cao đến bốn hàng trong bảng đó. Tuy nhiên, tôi dường như không thể làm cho nó hoạt động .. Và như bạn thấy từ hình ảnh, bảng thậm chí không có tên lớp m2m-modal-table nhưng v-table-table thay thế (các kiểu được thêm vào bên ngoài sự tham gia của tôi vì tôi đang sử dụng thư viện khung đã thiết lập).

Vì vậy, bất kỳ ai có kiến ​​thức tốt về tham chiếu lớp CSS cho tôi biết tôi nên viết gì trong bảng định kiểu để đặt chiều cao hàng của bảng?

Cảm ơn bạn!

EDIT: Cảm ơn bạn đã giúp đỡ. Và tôi thấy rằng việc viết CSS dưới dạng:

.m2m-modal-table .v-table-table th, 
.m2m-modal-table .v-table-table td { 
    height: 55px; 
    min-height: 55px; 
} 

Sẽ chỉ đặt kiểu trên bàn được đề cập chứ không phải tất cả các bảng trong ứng dụng.

Answer 1

Luôn đặt chiều cao của bạn thành ô, không phải hàng.

.v-table-table th, 
.v-table-table td{ 
    height: 55px; 
    /* min-height: 55px; EDITED */ 
} 

sẽ làm (min-height mình không hoạt động).

Chỉnh sửa: Như djsadinoff đã viết, chiều cao tối thiểu không hoạt động ở mọi nơi. IE8 và IE9 giải thích min-height nhưng nó không phải là tiêu chuẩn cho các trình duyệt khác.