아주 오래전부턴 궁금했던건데 button 에 관련한 내용인데 문의 드립니다. 채택완료

안녕하세요.
상단의 이미지가 잘 보일지 의문이지만.. 잘보일거라 믿으며 질문 드립니다.
button 태그에서 내용텍스트를 2줄로 줄때 <br> 로 줄바꿈하여 작성하면
라인이 마진탑 준것처럼 윗 부분이 뜨는데요. 안뜨는법 있을까요?
엄청 오래전부터 궁금했던 처리방법인데... 미루다 미루다 이제야 여쭈어 봅니다.
뜨는 버튼을 마진 마이너스로 마추곤 했는데. 좋은방법 있을까요?
답변 2개
채택된 답변
+20 포인트
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
2년 전
여러가지 방법이 있겠지만,
저같은 경우는 주로 아래와 같은 형태로 사용합니다.
Copy
.button-group { display: flex; }
.flex-center { justify-content: center; }
.flex-right { justify-content: flex-end; }
.button-group > button:not(:last-child) { margin-right: 8px; }
버튼1
두줄
버튼1
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인