본문 바로가기

css clearfix::after2

CSS 수평, 수직 정렬 요소 가운데 정렬 블록 요소(와 같은)를 수평으로 중앙에 놓으려면 margin: auto; 를 사용한다. 요소의 너비를 설정하면 컨테이너의 가장자리까지 늘어나는 것을 방지할 수 있다. 그러면 요소가 지정된 너비를 차지하고 나머지 공간은 두 여백 사이에서 동일하게 분할된다: 가운데 정렬 요소 블록 요소(예: div)를 수평으로 중앙에 놓으려면 마진: auto; 를 사용한다 Hello World! 'center' 클래스 요소를 가운데 정렬하려면 margin:auto 를 설정한다. 위의 코드를 실행하면 아래와 같은 그림과 같이 출력된다. 텍스트 가운데 정렬 텍스트를 요소 내부에 중앙에 배치하려면 text-align: center; 를 사용한다. 텍스트 가운데정렬 나는 가운데이다.!!!. center 클래스에 .. 2023. 8. 27.
CSS clear, clearfix 속성 CSS clear 속성 float 속성을 사용하고 아래의 다음 요소(오른쪽 또는 왼쪽이 아닌)를 원할 때는 clear 속성을 사용해야 한다. clear 속성은 플로팅 요소 옆에 있는 요소에서 발생할 작업을 지정한다. clear 속성은 다음 값 중 하나를 가질 수 있다: none - 요소가 왼쪽 또는 오른쪽 플로팅 요소 아래로 밀리지 않는다. 기본값이다 left - 요소가 왼쪽 플로팅 요소 아래로 푸시된다 right - 요소가 오른쪽 플로팅 요소 아래로 푸시된다 both - 요소가 왼쪽 및 오른쪽 플로팅 요소 아래로 밀려난다 inherit - 요소는 부모로부터 명확한 값을 상속한다 float를 지울 때는 clear를 float에 일치시켜야 한다. 요소가 왼쪽으로 float된 경우 왼쪽으로 clear해야 합.. 2023. 8. 24.