너비 질문드립니다.
본문
진행 이벤트 / 종료 이벤트 / 당첨자발표
이렇게 가로로 주르륵 나열되게 만들고싶은데요
너비를 33.3333%주면 저절로 정렬이 되었었는데
여기서는 무슨 이유때문인지 안됩니다. width를 없애면 또 주르륵 나열은됩니다..
답변 2
<li>
이벤트
</li><li>
이벤트</li><li>
이벤트
</li>
li 사이에 공백을 없애보세요
block 으로 하고 float 해도 되고요
ul에 flex 를 써도 됩니다
33.3333% * 3 + 공백*수 가 되어서 100%보다 크니 다음줄로 넘어가는 것이죠
box-sizing:border-box 추가해 보세요.
ps.
그래도 안 되면,
테두리 두께, 패딩으로 인해서 100% 넘어서 그런 듯 하니, 숫자를 좀 더 줄여보세요.
width 계산이 오묘하니, 좀 공부해 보세요.
답변을 작성하시기 전에 로그인 해주세요.