css 3번째마다 마진 없애기
본문
css 질문드립니다.
예를 들어 마지막 요소에서 오른쪽 마진을 없애기 위해 이런 코드를 쓰는데요
.div_name ul li:last-child {margin-right:0;}
매 3번째 요소에서 오른쪽 마진을 없애기 위해서는 어떻게 해야 할까요?
어디선가 본것 같은데 아무리 찾아도 없네요
3으로 나눠서 나머지가 0일때를 해야하는데
css에서는 어떻게 해야하는지 잘 모르겠습니다.
알려주시면 감사하겠습니다.
답변 2
.div_name ul li:nth-child(3n) { margin-right:0; }
으로 하면 3의 배수마다 적용됩니다
아마 3개씩마다 오른쪽 공백때문에 내려가서 그러시는거면
display:flex 를 이용해보세요 ㅎ
답변을 작성하시기 전에 로그인 해주세요.