테스트 사이트 - 개발 중인 베타 버전입니다

최신글에서만 wrapper에 css 적용되게 하기 채택완료

Winter0 1년 전 조회 17,357

안녕하세요

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

 

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

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

 

</p>

<p>#wrapper{</p>

<p>flex : 1;</p>

<p>}</p>

<p>

 

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

 

</p>

<p>최신글 한정 #wrapper {

     justify-content: center;

    display: flex;

    flex: 1;

    align-items: center;

}</p>

<p>

 

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

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

 

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

도움 부탁드립니다

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

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

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

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

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인