위의 빨간 네모 안의 버튼들의 위치가 다른데 일자로 만드려면 어떻게해야하나요??
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2022-05-29 (일) 13:58:14
아래 참고 참고 바랍니다.
style과 tag값을 정의 하였습니다.
만일 취소버튼과 확인버튼이 정렬이 안될경우 .btn_close 에 padding-top 값에 5px정도 넣어보시기 바랍니다. 그럼 취소값이 내려오면서 어느정도 가입버튼과 위치가 맞춰질것입니다.
Copy
<style>
.register {margin:0 auto}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.register .btn_confirm {text-align:left}
.register .btn_confirm .btn_submit {margin-left:1%}
</style>
<div class="btn_confirm">
<a href="http://gnuboard5.bokslee.com" class="btn_close">취소</a>
<button type="submit" class="btn_submit">회원가입</button>
</div>
<div class="btn_confirm">답변에 대한 댓글 1개
Feelz996
2022-05-29 (일) 12:37:40
css에
.register .btn_confirm .btn_submit{vertical-align:middle;}
추가해 주시면 됩니다.
답변에 대한 댓글 1개
멋진난쟁이
2022-05-29 (일) 12:58:45
답변 주셔서 감사합니다. 찾아보니 float설정을 쓰면 vertical-align:middle 설정이 안먹는다해서 다른 방법으로 수정했습니다
답변을 작성하려면 로그인이 필요합니다.