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

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

QA

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

답변 3

본문

혹시..

정말 혹시.. 

아주 호오옥시...

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

 

 

아래 사진처럼 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; 을 활용하여 맞추셔도 됩니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 2,636
© SIRSOFT
현재 페이지 제일 처음으로