하나의 div 아래에 두 개의 이미지 추가

Question

두 개의 이미지를 하나의 div 아래에 추가하려고했지만 원하는 방식으로 표시하지 않습니다.

이미지간에 간격을두고 싶지는 않습니다.

<div class='sidebarBody'> 
    <img src="r.gif" /> 
    <img src="s.gif" /> 
</div> 

왜 모든면에서 작업 패딩 아니다, 여기

는

.sidebarBody { 
    text-align:center; 
    padding: 5px; 
} 

는 CSS입니다 그리고 이것은 HTML입니까? 두 번째 이미지는 첫 번째 이미지 바로 다음에 공백없이 표시됩니다.

도움을 주시면 감사하겠습니다. 감사합니다. .

Answer 1

css는 이미지 주위에 여백을 넣지 않으며, 단지 둘러싸는 <div>을 말합니다. 이 .sidebarBody (사업부 클래스)의 내부의 모든 이미지에 5px 패딩을 추가 브라우저에 지시

.sidebarBody img { 
    text-align:center; 
    padding: 5px; 
} 

: 다음을 사용합니다.