2010-01-12 33 views
10

Bất kỳ ai có thể cho tôi biết lý do CSS dưới đây tạo ra lợi nhuận bổ sung bên dưới hình ảnh? Nó chỉ cần thêm một đệm 5px xung quanh toàn bộ điều và nó hoạt động tốt với văn bản. Bất kỳ ý tưởng?Phân chia và chia tỷ lệ hình ảnh và hình ảnh

div#somediv { 
margin: 0; 
padding: 5px; 
} 

div#somediv img { 
margin: 0; 
padding: 0; 
} 

<div id="somediv"> 
    <img src="someimage.jpg" /> 
</div> 
+0

Không có bất kỳ lợi nhuận bổ sung bên dưới hình ảnh như thế nào tôi đã trả lại nó trong FF3.5.7. Mã sẽ không tạo ra bất kỳ lề nào ngoại trừ phần đệm 5px từ div # somediv. – mauris

Trả lời

27

Cố gắng làm cho hình ảnh một yếu tố khối cấp:

div#somediv img 
{ 
    display: block; 
    margin: 0; 
    padding: 0; 
} 
+3

WOW. Tôi thề tôi không biết tâm trí của tôi ở đâu. Cảm ơn. – mike

Các vấn đề liên quan