이전 목록 다음
채택완료

이미지 정 중앙 정렬소스좀

아아이땨꺄
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-01-01 (일) 02:24:49 1,323

d1889734417_1672507419.4283.png

이미지 소스 추가시 중앙 정렬이 안되고 자꾸 이렇게 만되는데

육각형 이미지 정 중앙에 배치하는 소스좀 알려주세요 

12시간째 개 삽질 하고 있는데 이것저것 보고 암만 해봐도 

안되서 사람죽것네요 

2023년 새해복 많이받으세요

그누보드5
|

답변 1개

채택된 답변
+20 포인트
배배르만
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-01-01 (일) 03:09:49
Copy 
<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>

답변을 작성하려면 로그인이 필요합니다.