좌우 정렬 하는 법

비비빅·2023년 6월 6일
0

✍ 1. 위드 있는 영역을 중앙으로

margin:0 auto;

✍ 2. float 사용

<div class="box2">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>
.box2{
	background: #f00;
	overflow: hidden;
}

.box2 div{
	float: left;
}

✍ 3. position 사용하기

position: absolute;
top: 50%;
left: 50%;

transform: translate(-50%, -50%);

0개의 댓글