ul의 li를 삭제하면 자동으로 비율 변경하는 방법이 있을까요?
본문
혹시..
정말 혹시..
아주 호오옥시...
이런 방법이 있을까 해서 질문드려요..
아래 사진처럼 ul>li 또는 div로 4배열이 기본일때
css로 4번째 nth-child를 display:none을 하면 자동으로 3배열 비율로 바뀌고
3번째를 display:none 하면 2배열로 바뀌고
이런 방법 있는걸까요..? (._.
따뜻한 답변부탁드려요...
답변 3
위 소스를 보시면 css 에서 자식 li 갯수를 가져옵니다.
좀더 공부 해보시고 싶으시면 아래 링크 참조하시면됩니다.
css 에서 li 하위 객체 확인
늘어늘 li 개체가 n값일때는
제이쿼리로 해당 li 의 수를 찾을 수 있습니다.
(li 포함 tr 등 자식개체 모두 찾을수 있음)
정해진 갯수가 아닌 유동적인 갯수라면
부모에 display:table; table-layout:fixed; / 자식에 display:table-cell; vertical-align:middle; 을 활용하여 맞추셔도 됩니다.
답변을 작성하시기 전에 로그인 해주세요.