30/09/2018, 18:59
Hỏi về tinh chỉnh kích thước của ảnh bằng CSS
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 !
Bài liên quan
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;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
widthvàheightthôi. Cứ thử điHoặ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.
Cảm ơn bạn ! Mình thử cách của bạn và đã ok
Cảm ơn bạn ! Mình làm được rồi
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 .