최신글에서만 wrapper에 css 적용되게 하기

최신글에서만 wrapper에 css 적용되게 하기

QA

최신글에서만 wrapper에 css 적용되게 하기

답변 1

본문

안녕하세요

모바일 테마에서 레이아웃을 작업하고 있습니다.

 

일단 body를 가장 최상위 부모 플렉스로 해놨구요

기본 스타일은 이렇습니다.

 


#wrapper{
flex : 1;
}

 

그리고 최신글만 하나만 띄운 채로 가운데 정렬을 하려 합니다

 


최신글 한정 #wrapper {
     justify-content: center;
    display: flex;
    flex: 1;
    align-items: center;
}

 

근데, 이렇게 하니 게시판쪽이 좀 무너지더라고요;

최신글쪽만 가운데 정렬을 하고, 게시판이나 다른 페이지는 그냥 상단에 딱 붙고 나머지 빈 공간이 화면에 꽉 차게 싶습니다

 

어떻게 하면 제가 원하는... 그런 게 될까요

도움 부탁드립니다

 

이 질문에 댓글 쓰기 :

답변 1

#wrapper 는 디스플레이 플렉스가 위에 있어야되요

자식 선택자에서 flex:1 을 주시거나 width로 조절 해야되요 

정확한건 사이트를 직접 확인해서 알려드릴수있구요 

 

질문 쓰고 이것저것 해봤는데 플렉스로는 도대체 안되겠더라고요. 어디 하나에서 꼭 충돌합니다..
할 거면 그리드라도 시도해야 할 것 같아요.
근데, 그냥; 좀 없어보이긴 한데, 최신글 스킨 쪽에 wrapper 스타일 새로 적용해서 해결했습니다. 이게 제일 간단하고 빠르더라고요..

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 1,284
© SIRSOFT
현재 페이지 제일 처음으로