div 안에있는 가운데 이미지

Question

css를 사용하여 div 안에 3 개의 아이콘 (인라인)을 가운데에 배치하고 싶습니다. 내 사업부는 다른 사업부의 가운데에 배치되지만 해당 사업부 내에 콘텐츠 (세 개의 아이콘)를 중심으로 배치하고 싶습니다.

<div id="browsers"> 
    <div id="browsers-wrapper"> 
    <img src="Images/firefox.png" class="browserIcons"> 
    <img src="Images/chrome.png" class="browserIcons"> 
    <img src="Images/opera.png" class="browserIcons"> 
    </div> 
</div> 

또한 절차에 대한 자세한 내용을 보려면 CSS와 함께 내용을 가운데에 배치하는 데 유용한 문서가 필요합니까?

감사합니다.

Answer 1

나는 실제로 그것을 스스로 할 수 있었다! 그래도 블록 및 인라인 요소에 대한 기본 지식을 이해해야합니다.

감사합니다.

#browsers-wrapper img{ 
    display:inline; 
    margin:auto; 
    width: 8%; 
    height:auto; 

}

Answer 2

는 일을 할 수있다,이 명령을 시도 :

#beowser-wrapper img { 
margin : auto 0; 
display : block; 
width : 100%; 
} 

내가 이러한 요소 Learn CSS Layout

그리고 여기에서를 설명하는이 튜토리얼을 살펴보고 좋습니다 또한 인라인을 살펴보고 그림 예제로 설명 된 요소를 차단할 수 있습니다. What’s the Deal With Display: Inline-Block?

충분히 도움이 되었기를 바랍니다.