Hỏi về tinh chỉnh kích thước của ảnh bằng CSS

Nguyen_Thanh · December 7, 2015, 7:28pm

Chào các bạn !
Mời các bạn xem ảnh :

Do các ảnh trong các ô không đều nhau khi chỉnh bằng thuộc tính
max-width= 33%
Nhưng lại gặp vấn đề về chiều cao của ảnh . Mình muốn đưa tất cả về cùng 1 chiều cao mà vẫn giữ nguyên được chiều rộng thì phải làm như thế nào ?
Xin cám ơn các bạn đã lưu tâm !

duonghau · December 8, 2015, 2:10am

Mình nghĩ là bạn phải fix chiều cao ảnh lại thôi. Bạn có thể đặt ví dụ như:
height: 200px;

vhnam · December 8, 2015, 4:49am

Nếu như bạn nói vậy thì phải cố định chiều cao và chiều rộng rồi, chỉ gán width và height thôi. Cứ thử đi

Oaivy_Ftu · December 8, 2015, 2:16pm

Hoặc bạn cũng có thể chọn lại các ảnh có cùng kích thước. Sau đó thẻ <img> bạn định dạng như sau: img {max-width: 33%; height: 100%}

Bạn có thể vào trang này https://placehold.it/ và tạo ra các bức ảnh mẫu với bất kỳ kích thước nào bạn mong muốn để test.

Nguyen_Thanh · December 8, 2015, 5:37pm

Cảm ơn bạn ! Mình thử cách của bạn và đã ok

Nguyen_Thanh · December 8, 2015, 5:38pm

Cảm ơn bạn ! Mình làm được rồi

Nguyen_Thanh · December 23, 2015, 11:57pm

Bạn ơi cho mình hỏi nếu áp dụng trong thiết kế Reponsive thì không để cố định height:200px; được rồi .
Thêm nữa là nếu mình có 1 thư viện các ảnh không đồng nhất về kích thước thì làm thế nào để cho chúng không thừa 1 khoảng trắng vậy ? Xin cảm ơn trước .