질문/조언질답게시판

늦은시간 죄송합니다.

 

css 문제인데 div 안에 label과 input박스가 한 라인에 나와야 하는데

줄바꿈되서 나오는데 미치겠네요 ㅠㅠ

 

아래 입력폼이 한 라인에서 나와야 하는데 줄 바꿈되서 나옵니다.

css가 젤 어려운거 같아요ㅠㅠ

 

display:block

display:inline-block 

 

이부분이 꼬인게 아닌가 싶은데요

 

한번 봐주시면 감사하겠습니다.

 

div 한라인.PNG

  • ?
    label다음의 input 박스를 div안에 넣으셨네요
    label | div > input 이런식으로 구성하셨으니
    label이 끝나고 block요소인 div에 의해서 줄이 바뀌지요.
    input박스 상단의 div를 제거하거나 inline 요소로 바꾸시면 될거 같네요. ^^
  • ? ?
    답변 감사합니다^^

    말씀 주신대로 input 박스 상단 div를 inline-block로 변경을 했는데도
    같은 라인에서 나오지 않네요ㅠㅠ
    왜이런건지 원..

    가능하시면 다시 한번만 봐주시면 감사하겠습니다.
  • ? ?
    <div class="x_controls">
    <input ~ >
    </div>

    에서 div를 span으로 바꾸면 한줄에 표시될 거에요.
    그리고 적당히 margin-left 값을 조정해서 원하시는대로 위치 잡으시면 될 것 같습니다.
  • profile
    1.
    .x-controls에 margin-left:200px인것으로 보아 label의 class .x-control-label에 float:left를 주면 될 것이고
    x_control-group:after {display:table; content:" "; clear:both}를 추가
    또는
    2.
    input를 감싸고 있는 div class .x_controls {display:inline-block;} 하시고 마진을 조정하거나

서버에 요청 중입니다. 잠시만 기다려 주십시오...