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

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

QA

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

본문

안녕하세요

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

 

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

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

 


#wrapper{
flex : 1;
}

 

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

 


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

 

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

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

 

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

도움 부탁드립니다

 

이 질문에 댓글 쓰기 :

답변 1

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

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

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

 

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

답변을 작성하시기 전에 로그인 해주세요.
전체 4

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT