반응형 폼 디자인1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 15 (플렉시블 레이아웃, 폼 스타일링) 목차display: contents; (플렉시블 레이아웃)상태 디자인(폼 스타일링)새로 배운 것들오늘 하루를 돌아보며 display: contents; (플렉시블 레이아웃) 위 코드를 아래 코드처럼 수정하게 된다면 중간에 들어간 li 요소 때문에 레이아웃이 깨지게 된다. 이때 li 요소의 display 값을 contents로 지정하면 li 요소를 컨테이닝 블록이 아닌 컨텐츠로 변경해서 ul 요소가 그 안에 있는 div 요소를 직계 자식 요소로 인식한다. 마크업을 변경하게 되더라도 중간에 끼게 되는 컨테이너를 무시할 수 있게 하는 유용한 속성 값이다.컨테이너가 아니게 되어서 background나 border 같은 속성은 적용되지 않겠지만, font-color나 font-style과 같은.. 2025. 5. 13. 이전 1 다음 반응형
