http://모텔호텔4989.com
div안에 전화번호를 input 텍스트 박스로 쓰는데요
div 안에서 가로로 정렬이 안되고 줄바꿈이 됩니다.
크롬에서는 괜찮은데 익스에서만 세로로 줄바꿈이 되네요ㅠ
뭐가 문제 일까요ㅠㅠ
http://모텔호텔4989.com
div안에 전화번호를 input 텍스트 박스로 쓰는데요
div 안에서 가로로 정렬이 안되고 줄바꿈이 됩니다.
크롬에서는 괜찮은데 익스에서만 세로로 줄바꿈이 되네요ㅠ
뭐가 문제 일까요ㅠㅠ
댓글 2
해당 input에 부트스트랩에서 지정된 클래스인 form-control로 display 요소가 block로 되어 있습니다.
block은 한 줄에 하나이죠. inline-block이 되어야 한줄에 여러개의 요소가 들어갑니다.
input의 크기를 input을 싸고 있는 요소 크기에 맞춰서 줄이니 한줄에 들어가네요.
아 그러네요^^;;
div의 display 속성만 inline-block 를 줬네요.
그런데 div안에 있는 input 박스인데 div에 inline-block를 주면 되지 않나요?
input박스에도 inline-block를 줘야 하는지 몰랐네요^^;;;
크롬에서는 한줄에 나오더라구요^^;