이미지 정 중앙 정렬소스좀
본문
d
이미지 소스 추가시 중앙 정렬이 안되고 자꾸 이렇게 만되는데
육각형 이미지 정 중앙에 배치하는 소스좀 알려주세요
12시간째 개 삽질 하고 있는데 이것저것 보고 암만 해봐도
안되서 사람죽것네요
2023년 새해복 많이받으세요
답변 1
<style>
.test img { width: 50px; height: 50px; }
.test_align { text-align: center; }
.test_flex_00 { display: flex; justify-content: space-between; }
.test_flex_01 { display: flex; justify-content: space-around; }
.test_flex_02 { display: flex; justify-content: space-evenly; }
</style>
<div class="test test_align">
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />,
</div>
<div class="test test_align">
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
</div>
<div class="test test_align">
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
</div>
<div class="test test_flex_00">
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
</div>
<div class="test test_flex_01">
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
</div>
<div class="test test_flex_02">
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
<img src="https://sir.kr/img/common/dow/ico2-dw06.svg" />
</div>
답변을 작성하시기 전에 로그인 해주세요.
