http://모텔호텔4989.com 

 

div안에 전화번호를 input 텍스트 박스로 쓰는데요

div 안에서 가로로 정렬이 안되고 줄바꿈이 됩니다.

크롬에서는 괜찮은데 익스에서만 세로로 줄바꿈이 되네요ㅠ

 

뭐가 문제 일까요ㅠㅠ

  • profile

    1.JPG

     

     

    2.JPG

     

    해당 input에 부트스트랩에서 지정된 클래스인 form-control로 display 요소가 block로 되어 있습니다.

    block은 한 줄에 하나이죠. inline-block이 되어야 한줄에 여러개의 요소가 들어갑니다.

     

    input의 크기를 input을 싸고 있는 요소 크기에 맞춰서 줄이니 한줄에 들어가네요.

     

    3.JPG

  • profile ?
    우선 답변 감사드립니다.

    아 그러네요^^;;

    div의 display 속성만 inline-block 를 줬네요.
    그런데 div안에 있는 input 박스인데 div에 inline-block를 주면 되지 않나요?

    input박스에도 inline-block를 줘야 하는지 몰랐네요^^;;;

    크롬에서는 한줄에 나오더라구요^^;