답변 4개
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
tailwind 관련 질문은 여기에선 답변받기 어려울 겁니다. 다른 곳을 찾아보세요.
tailwind 사용하면서 고정된 너비와 높이를 이렇게 적극적으로 사용하는 경우는 처음 봅니다.
flex나 grid를 활용해보세요.
button 태그 사이에 공백이 끼어있으므로 1개로 축소되어 표현되므로 버튼 사이에 여백이 생긴겁니다.
아주 옛날옛적에는 태그 사이의 공백을 제거하거나 float 로 붙이는 방법을 사용했겠지만 아주 오래된 옛날에나 그랬던거고, 위와 같은 경우는 flex나 grid를 사용하여 해결할 수 있습니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
css border 확인해보세요 여기서 뭐 display:inline-block 이 있으면 flex로 해보세요
아님 플롯도 괜찮구요 그리고 버튼 css에 보면 마진 패딩도 확인해보세요
답변에 대한 댓글 3개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<style>
.button { display: flex; justify-content: space-between; width: 100%; }
.button button {
background-color: #3a425d;
color: white;
width: 240px;
height: 50px;
margin-right: 10px; /* 여백사이값 */
}
.button-container button:last-child { margin-right: 0; }
</style>
<div class="button">
<button type="button">전체</button>
<button type="button">잡코리아</button>
<button type="button">알바몬</button>
<button type="button">메일광고</button>
</div>