ul의 li를 삭제하면 자동으로 비율 변경하는 방법이 있을까요?

ul의 li를 삭제하면 자동으로 비율 변경하는 방법이 있을까요?

QA

ul의 li를 삭제하면 자동으로 비율 변경하는 방법이 있을까요?

본문

혹시..

정말 혹시.. 

아주 호오옥시...

이런 방법이 있을까 해서 질문드려요.. 

 

 

아래 사진처럼 ul>li 또는 div로 4배열이 기본일때 

1794421415_1597299216.3768.jpg

 

 

css로 4번째 nth-child를 display:none을 하면 자동으로 3배열 비율로 바뀌고 

1794421415_1597299257.8788.jpg

 

3번째를 display:none 하면 2배열로 바뀌고 

1794421415_1597299274.5353.jpg

 

 

 

이런 방법 있는걸까요..?  (._. 

따뜻한 답변부탁드려요... 

이 질문에 댓글 쓰기 :

답변 3

li 균등 분배 말씀하시는거면

https://tbbrother.tistory.com/123

여기 참고해보시면됩니다.

 

위 소스를 보시면 css 에서 자식 li 갯수를 가져옵니다.

좀더 공부 해보시고 싶으시면 아래 링크 참조하시면됩니다.

 

css 에서 li 하위 객체 확인

https://serisepomme.tistory.com/entry/CSS%EB%A1%9C-%EC%9E%90%EC%8B%9D-%EC%9A%94%EC%86%8C-%EA%B0%AF%EC%88%98-%EC%95%8C%EC%95%84%EB%82%B4%EA%B8%B0

 

늘어늘 li 개체가 n값일때는

제이쿼리로 해당 li 의 수를 찾을 수 있습니다.

(li 포함 tr 등 자식개체 모두 찾을수 있음)

http://blog.naver.com/PostView.nhn?blogId=papaya5rhw&logNo=30171945282&parentCategoryNo=&categoryNo=69&viewDate=&isShowPopularPosts=true&from=search

 

 

정해진 갯수가 아닌 유동적인 갯수라면

부모에 display:table; table-layout:fixed; / 자식에 display:table-cell; vertical-align:middle; 을 활용하여 맞추셔도 됩니다.

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

회원로그인

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