채택완료

css nth-child 관련 질문 입니다.

2019-09-18 (수) 18:53:21 2,178

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

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

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

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

662111144_1568800397.151.png

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

|

답변 1개

채택된 답변
+20 포인트

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

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

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

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

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

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

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

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