외부 div에서 .social div를 중앙에 배치하는 데 문제가 있습니다. 답변을 찾고 있었지만 작동하는 솔루션을 찾을 수 없습니다. 다음은 HTML입니다.
<div class="socials">
<div class="social">
<img src="images/fb.png">
</div>
<div class="social">
<img src="images/insta.png">
</div>
<div class="social">
<img src="images/tt.png">
</div>
<div class="social">
<img src="images/snap.png">
</div>
</div>
그리고 CSS :
.social {
width: 25px;
height: 25px;
float: left;
cursor: pointer;
}
.social div가 서로 옆에 있고 .socials div를 중심으로하고 싶습니다.
이것이 도움이 될 것입니다.
.social {
width: 25px;
height: 25px;
float: left;
cursor: pointer;
display: table-cell;
}
.socials {
display: table;
margin-left: auto;
margin-right: auto;
}
<div class="socials">
<div class="social">
<img src="images/fb.png">
</div>
<div class="social">
<img src="images/insta.png">
</div>
<div class="social">
<img src="images/tt.png">
</div>
<div class="social">
<img src="images/snap.png">
</div>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다