최신글에서만 wrapper에 css 적용되게 하기
본문
안녕하세요
모바일 테마에서 레이아웃을 작업하고 있습니다.
일단 body를 가장 최상위 부모 플렉스로 해놨구요
기본 스타일은 이렇습니다.
#wrapper{
flex : 1;
}
그리고 최신글만 하나만 띄운 채로 가운데 정렬을 하려 합니다
최신글 한정 #wrapper {
justify-content: center;
display: flex;
flex: 1;
align-items: center;
}
근데, 이렇게 하니 게시판쪽이 좀 무너지더라고요;
최신글쪽만 가운데 정렬을 하고, 게시판이나 다른 페이지는 그냥 상단에 딱 붙고 나머지 빈 공간이 화면에 꽉 차게 싶습니다
어떻게 하면 제가 원하는... 그런 게 될까요
도움 부탁드립니다
답변 1
#wrapper 는 디스플레이 플렉스가 위에 있어야되요
자식 선택자에서 flex:1 을 주시거나 width로 조절 해야되요
정확한건 사이트를 직접 확인해서 알려드릴수있구요
질문 쓰고 이것저것 해봤는데 플렉스로는 도대체 안되겠더라고요. 어디 하나에서 꼭 충돌합니다..
할 거면 그리드라도 시도해야 할 것 같아요.
근데, 그냥; 좀 없어보이긴 한데, 최신글 스킨 쪽에 wrapper 스타일 새로 적용해서 해결했습니다. 이게 제일 간단하고 빠르더라고요..
답변을 작성하시기 전에 로그인 해주세요.