본문 바로가기

728x90

flex1

[CSS] Flex 속성 알아보기 (List of flex properties) 안녕하세요 Foma 💻 입니다. 오늘은 CSS에서 쉽게 레이아웃을 할 수 있는 Flex에 대해 알아보도록 하겠습니다. 바로 시작할게요~ flex-basis 플렉스 안에 있는 요소의 기본 크기를 설정하는 속성 50px 100px 50px 1. px이나 em으로 직접 지정하기 파란색 박스 300px로 늘리기 (여기서 nth-of-type(2)는 flex안에 있는 요소 중 2번째를 의미합니다.) flex-basis: 300px; 하지만 글자의 길이보다 짧게 지정했을 땐 글자 길이 만큼만 조정됩니다. 2. 키워드로 지정하기 키워드로 지정하기 위해서 파란색 박스의 텍스트 길이를 늘리겠습니다. abcdefg hijklmnop qrstuvwxyz 1. fill 텍스트 길이에 딱 맞게 조정됩니다. flex-basis:.. 2022. 2. 22.

이전 1 다음

728x90

티스토리툴바