인터넷, IT 이야기/CSS 이야기2 CSS Flex: 유연한 레이아웃의 시작 CSS Flexbox(Flexible Box Module)는 현대 웹 레이아웃에서 가장 강력하고 유용한 도구 중 하나입니다. 복잡한 레이아웃도 간단하게 구현할 수 있게 해주는 Flex에 대해 자세히 알아보겠습니다. Flex란?Flex는 요소들을 행과 열 형태로 배치하고 정렬하는 1차원 레이아웃 모델입니다. 기존의 float나 positioning보다 훨씬 직관적이고 유연한 방식으로 요소들을 배치할 수 있습니다.Flex 컨테이너 설정하기Flex를 사용하려면 먼저 부모 요소를 Flex 컨테이너로 설정해야 합니다:.container { display: flex;} 주요 속성 살펴보기flex-direction컨테이너 내 요소들의 배치 방향을 결정합니다..container { flex-direction: ro.. 2025. 2. 9. Content: "안에서 줄바꿈 처리" CSS에서 Content를 사용할 때 줄 바꿈 처리가 필요했다. 줄 바꿈 처리는 간단하다. h1:before { display: block; text-align: center; white-space: pre; content: "chapter\A hoofdstuk\A chapitre" } 줄 바꿈 처리하는 곳에 \A 를 타이핑하고 White-Space를 추가해 준다. 결과는 아래와 같다. chapter hoofdstuk chapitre 2024. 2. 10. 이전 1 다음
