너비 질문드립니다. 채택완료

바나라바

4년 전 조회 1,729

진행 이벤트 / 종료 이벤트 / 당첨자발표

이렇게 가로로 주르륵 나열되게 만들고싶은데요

너비를 33.3333%주면 저절로 정렬이 되었었는데

여기서는 무슨 이유때문인지 안됩니다. width를 없애면 또 주르륵 나열은됩니다..

237248310_1623648618.0536.png 237248310_1623648621.3134.png

#css

정렬:

채택된 답변

+20 포인트

Big1

4년 전

<li>

이벤트

</li><li>

이벤트</li><li>

이벤트

</li>

li 사이에 공백을 없애보세요

block 으로 하고 float 해도 되고요

ul에 flex 를 써도 됩니다

33.3333% * 3 + 공백*수 가 되어서 100%보다 크니 다음줄로 넘어가는 것이죠

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

sinbi

4년 전

box-sizing:border-box 추가해 보세요.

ps.

그래도 안 되면,

테두리 두께, 패딩으로 인해서 100% 넘어서 그런 듯 하니, 숫자를 좀 더 줄여보세요.

width 계산이 오묘하니, 좀 공부해 보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.