CSS 요소 정렬 관련 질문 드립니다. 초보에요...

Question

저는 반응형 웹을 만들려고 하고 있습니다.왼쪽 컨테이너를 보면, 아이템1과 아이템2를 합친 구역을 컨테이너 기준 중앙에 가로 정렬시키고 싶은데요,모바일 화면에서 오른쪽 컨테이너처럼 아이템1과 3 사이에 아이템3가 들어오도록 만들고 싶어서, 아이템1과 아이템2를 감쌀 수 없는 상황입니다. (참고로, 아이템1과 2의 높이는 고정되지 않고 변화합니다.)혹시 꼭 그리드를 이용하지 않더라도, 아이템1과 2를 감싸지 않고 가로 정렬시킬 수 있는 방법이 있을까요?코드를 꼭 작성해주시지 않더라도, 어떤 방향으로 진행하면 될지만 말씀해주시면 제가 도전해보겠습니다.

nubie · Accepted Answer

https://rgy0409.tistory.com/5186

냥냥가면 · Answer

자바스크립트에서 미디어쿼리를 설정한다면 변화했을때 부모요소에 CSS를 변경하는 방법이라면 가능하겠어요!

100드래곤 · Answer

그리드를 이용하든 flex 를 이용하든 div box model를 공부해 보면 감을 잡을 꺼에요

CSS 요소 정렬 관련 질문 드립니다. 초보에요...

3개의 답변

#grid 목록