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

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

QA

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

본문

이미지는 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

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

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

 

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

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

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

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

 

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

답변을 작성하시기 전에 로그인 해주세요.
전체 332
QA 내용 검색

회원로그인

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