-
그리드 레이아웃(grid layout), 격자 바둑판 배치
격자나 바둑판으로 배치하게되면 각 개별 단위별로 위치를 변경하기 좋다. 그래서 화면의 크기에 따라 동적으로 배치해서 내용을 안정적으로 보여줄 수 있다.방법1
css의 float속성 활용
방법2
flexible box layout (flex box layout)
방법3
css grid layout
grid layout방식으로 사용빈도가 높아져 비교적 최근에 나온 방법'Html Css JavaScript' 카테고리의 다른 글
Javascript Event, 이벤트 처리기 (0) 2022.11.16 Javascript 함수 표현식 (0) 2022.11.16 Javascript 선택자(querySelector) (0) 2022.11.16 Javascript Text 누름 이벤트(onClick event) (0) 2022.11.16 css 미디어쿼리(media queries) (0) 2022.11.16 css display block, inline (0) 2022.11.16 css position (0) 2022.11.16 button에 style적용 예제 (0) 2022.11.16