테스트 사이트 - 개발 중인 베타 버전입니다

회원가입 페이지 버튼에 대해서 질문드려요 채택완료

멋진난쟁이 3년 전 조회 1,255

 

위의 빨간 네모 안의 버튼들의 위치가 다른데 일자로 만드려면 어떻게해야하나요??

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

답변 2개

채택된 답변
+20 포인트
복스리
3년 전

아래 참고 참고 바랍니다.

style과 tag값을  정의 하였습니다.

 

만일 취소버튼과 확인버튼이 정렬이 안될경우 .btn_close 에 padding-top 값에 5px정도 넣어보시기 바랍니다. 그럼 취소값이 내려오면서 어느정도 가입버튼과 위치가 맞춰질것입니다.

 

 

 

</p>

<p> </p>

<p><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></p>

<p><div class="btn_confirm">

        <a href="<a href="http://gnuboard5.bokslee.com"" target="_blank" rel="noopener noreferrer">http://gnuboard5.bokslee.com"</a> class="btn_close">취소</a>

        <button type="submit" class="btn_submit">회원가입</button>

    </div>

<div class="btn_confirm"></p>

<p> </p>

<p>

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

답변에 대한 댓글 1개

멋진난쟁이
3년 전
감사합니다!

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

F
3년 전

css에

.register .btn_confirm .btn_submit{vertical-align:middle;}

 

추가해 주시면 됩니다. 

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

답변에 대한 댓글 1개

멋진난쟁이
3년 전
답변 주셔서 감사합니다. 찾아보니 float설정을 쓰면 vertical-align:middle 설정이 안먹는다해서 다른 방법으로 수정했습니다

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

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

로그인