chiều cao thêm 3px trên div có hình ảnh bên trong nó

Question

Tôi đang làm việc trên một trang web mới nhưng có một thiết kế nhỏ mà tôi không thể có được đầu của tôi xung quanh.

Về cơ bản, tôi đang tạo trang web mà người dùng có thể tải hình ảnh ngộ nghĩnh lên. Mặc dù khu vực nơi hình ảnh được hiển thị có một khoảng cách 3px bên dưới. Đây là liên kết đến ảnh chụp màn hình của ý tôi, liên kết chết.

Tôi đã thử rất nhiều thứ nhưng không có gì có vẻ hiệu quả. Nếu bất cứ ai có thể đề nghị bất kỳ giải pháp, xin vui lòng làm.

Cảm ơn.

Answer 1

Đó là do giá trị mặc định vertical-align của hình ảnh. Chúng là baseline. Thay đổi thành top hoặc bottom và nó sẽ biến mất.

img{ 
    vertical-align: top; 
} 

Không gian thêm là diện tích dưới đường ranh giới mà là cho chữ cái treo bên dưới như y hoặc g.