CSS CSS fit-content 속성으로 콘텐츠 크기에 맞는 박스 만들기
페이지 정보
조회 155회
작성일 25-07-12 10:33
CSS의 fit-content 속성을 활용해 박스 크기를 콘텐츠에 맞추는 CodePen 예제다. width나 height에 fit-content를 적용하면 요소가 내용물 크기만큼만 공간을 차지하도록 자동 조절된다. 버튼·배지·레이블 등 유연한 크기의 레이아웃을 만들 때 유용하다.
See the Pen fit-content by H J (@H-J-the-typescripter) on CodePen.
- 이전글CSS border-image로 이미지 테두리 만들기 25.07.12
- 다음글자바스크립트 없이 CSS popovertarget로 팝업창 만들기 25.07.06