flex

CSS 작업 시 상하좌우 중앙정렬을 많이 사용합니다. 특히 높이(height)가 고정일 때와 반응형으로 높이(height)가 변동일 때 사용방법이 좀 다른데요. 이번 시간은 상하좌우 중앙정렬에 대해서 한번 알아보겠습니다. 사용 전 기본 세팅 // HTML <div class=”contents-wrap”> <div class=”txt-wrap”>상하좌우 정렬</div> </div> // CSS .contents-wrap { width: 100%; height: 250px; } .txt-wrap { background-color:skyblue; color:#fff; padding:10px; } transform 사용법 .contents-wrap … Read more