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

css nth-child 관련 질문 입니다. 채택완료

웹프리죤 6년 전 조회 2,029

이미지는 1장인 경우 원본을 그대로 보여준다.

여러장의 이미지일 경우에는 이미지의 개수를 3으로 나눈 몫을 m, 그 나머지를 n이라고 했을 때, n이 1이면, (m-1)*3개의 이미지를 한 열에 3개씩 보여주고, 나머지를 한 열에 2개씩 보여준다.

n이 2일 경우에는, m*3개의 이미지를 한 열에 3개씩 보여주고, 나머지를 한 열에 2개씩 보여준다.

n이 0일 경우에는, 한 열에 3개씩 보여준다.

 

 

를 nth-child 로 연산이 가능 한가요?

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

답변 1개

채택된 답변
+20 포인트
6년 전

의도는 알겠는데 css 에서 저런식의 연산은 안되요.

하려면 LESS SASS 를 쓰셔야 돼요. >>  https://taegon.kim/archives/3667 참고하세요.

 

차라리 프로그래밍이 가능한 조건이라면

.box_layout_1_box {......................}

.box_layout_2_box {......................}

.box_layout_3_box {......................}  이렇게 해놓고

 

프로그래밍으로 조건문 줘서 대응을 하시는 편이..... 좋을것 같아요.

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

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

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

로그인