목록요소정렬 (1)

SeouliteLab

CSS 마진의 다양한 활용 방법

CSS의 마진은 요소의 간격을 조절하는 데에 중요한 역할을 합니다. margin: auto 0 0 auto;와 같은 값을 가진 마진은 일반적으로 요소를 수평 가운데 정렬하는 데에 사용됩니다. 이러한 마진의 활용을 다양한 예제와 함께 살펴보겠습니다. 예제 1: 수평 가운데 정렬 .example { margin: auto; width: 50%; /* 예시를 위해 너비 지정 */ } 이 예제는 요소를 수평 가운데 정렬합니다. margin: auto;는 위쪽과 아래쪽 마진은 자동으로 조절되고, 좌우 마진은 모두 같은 값이 되어 수평 가운데 정렬을 가능하게 합니다. 예제 2: 오른쪽 하단 고정 .example { margin: 0 0 auto auto; } 이 예제는 요소를 오른쪽 하단에 고정합니다. margin..
카테고리 없음 2024. 4. 18. 08:04
이전 Prev 1 Next 다음