웹 컨테이너 리스트 위치 CSS수정
-
게시물 수정 , 삭제는 로그인 필요
베스트 아이템 부분인데
1개는 best 칸이고 1개는 1 2 3 4 5 6 순위 그리드
2개의 그리드로 배치 되어 있는데 위에 배치를 아래 배치처럼 바꿀수 있을까요?
크기는 말고 틀만 대충 잡을수 있을까요
저부분 CSS에요 복사용 붙여넣기
.item_list { display:flex; flex-flow:wrap row; justify-content:space-between; position:relative; z-index:2; width:100%;
margin:100px 0 0; vertical-align:top; counter-reset:chapter 0; }
.item_list > ul { display:flex; flex-flow:wrap row; justify-content:space-between; align-self:flex-start; position:relative; }
.item_list > ul .item { align-self:flex-start; position:relative; width:100%; height:100%; border-radius:0px; overflow:hidden; outline:1px solid #eee; }
.item_list ul.grid1 { width:39.6%; }
.item_list ul.grid2 { width:59.6%; }
.item_list ul.grid2 > li { width:32.5%; margin:0 0 1.4%; }
베스트 아이템 부분인데
1개는 best 칸이고 1개는 1 2 3 4 5 6 순위 그리드
2개의 그리드로 배치 되어 있는데 위에 배치를 아래 배치처럼 바꿀수 있을까요?
크기는 말고 틀만 대충 잡을수 있을까요
저부분 CSS에요 복사용 붙여넣기
.item_list { display:flex; flex-flow:wrap row; justify-content:space-between; position:relative; z-index:2; width:100%;
margin:100px 0 0; vertical-align:top; counter-reset:chapter 0; }
.item_list > ul { display:flex; flex-flow:wrap row; justify-content:space-between; align-self:flex-start; position:relative; }
.item_list > ul .item { align-self:flex-start; position:relative; width:100%; height:100%; border-radius:0px; overflow:hidden; outline:1px solid #eee; }
.item_list ul.grid1 { width:39.6%; }
.item_list ul.grid2 { width:59.6%; }
.item_list ul.grid2 > li { width:32.5%; margin:0 0 1.4%; }
#웹 컨테이너 #웹 컨테이너 사이즈 #웹 컨테이너 서블릿 컨테이너 #웹 컨테이너 종류 #톰캣 웹 컨테이너 #tomcat 웹 컨테이너 #스프링 웹 컨테이너 #도커 컨테이너 웹 접속
