ul의 li를 삭제하면 자동으로 비율 변경하는 방법이 있을까요? 채택완료
혹시..
정말 혹시..
아주 호오옥시...
이런 방법이 있을까 해서 질문드려요..
아래 사진처럼 ul>li 또는 div로 4배열이 기본일때

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

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

이런 방법 있는걸까요..? (._.
따뜻한 답변부탁드려요...
답변 3개
정해진 갯수가 아닌 유동적인 갯수라면
부모에 display:table; table-layout:fixed; / 자식에 display:table-cell; vertical-align:middle; 을 활용하여 맞추셔도 됩니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
위 소스를 보시면 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">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">http://blog.naver.com/PostView.nhn?blogId=papaya5rhw&logNo=30171945282&parentCategoryNo=&categoryNo=69&viewDate=&isShowPopularPosts=true&from=search
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
당연히 없을 줄 알고 욕먹을 각오로 올렸는데 ㅠㅠ 방법이 있었네요.
너무 감사합니다.