CSS inline...? input 나란히 하는 법

Question

회원가입 창을 만드는 중인데 우편번호 text창을 인라인으로해서 버튼을 옆으로 옮겼는데주소를 인라인으로 해도 상세주소가 옆으로 안가요 ㅜㅜ 그리고 주소가 자동으로 우편번호찾기 버튼 옆으로 가길래 버튼 옆에
을 했어요.상세주소 창을 주소 창 옆으로 가게 할 수 없을까요?얘는 셀렉트에 인라인을 적용해도 텍스트창이 옆으로 안가네요 얘는 어떻게 해야하나요?

kdev · Accepted Answer

먼저 댓글 달아주신분 말씀대로 코드를봐야 어떤부분이 문제인지 알수있습니다. div로 감쌋다면 div의 기본css가 어떻게잡혀있는지, 주소 &#43; 상세넓이 의 넓이값 > 전체넓이 등등 한가지 이유때문에 일어나는 일이 아니기에 작성하신 코드를봐야 알 수 있을 것 같습니다.

퀘이사123 · Answer

input 태그는 굳이 lnline 속성을 주지 않아도 원래 inline입니다. 일자로 안붙는 이유는 이렇게만 봐서는 알 수가 없습니다. input을 div로 싸고있어서 그럴수도 있고, 전체 width보다 태그들 width합이 커서 안갈수도있죠. 해당부분의 html구조와 css를 봐야 원인을 알 수 있습니다.일단 태그들의 위치를 조절하는 방법으론 여러가지가 있지만 일단 같이 움직이고 싶은 태그를 div로 감싸야 하구요.float를 주든 flex를 주든 해서 조절하면 됩니다.

홈페이지제작 황가닷컴 · Answer

주소가 상세주소 옆으로 안가는 것은 너비가 맞지 않아서 일거에요.각가의 input 을 div로 묶으신 후 해당 div의 속성을 inline-block을 주세요.부모에게는 font-size:0 주시구요.그러면 될듯 합니다.

CSS inline...? input 나란히 하는 법

3개의 답변

Q&A 목록