외부 div에 너비를주지 않고 단일 행에 내부 div를 표시하려고합니다. 너비를 추가하지 않으면 주어진 코드에서 수직으로 하나씩 표시됩니다. 한 줄로 DIV를 만드는 방법
은을 heres DEMO
-1
A
답변
3
하나의 옵션은 display: table
에 부모 요소를 설정하는 것입니다 아이가 display: table-cell
에 div를. 이 방법을 선택하면 수레를 제거하십시오.
0
col_1
클래스에 display: inline-block
을 추가 할 수 있습니다.
0
귀하의 예에서 같은 줄에 무엇이 있어야하는지 잘 모르겠습니다. 그러나 클래스 .btn이있는 p 요소에 대해 이야기하고 있다면 'float : right;'를 제거하려고 할 수 있습니다. 'display : inline-block'으로 충분합니다.
관련 문제
- 1. 내 상황에서 한 줄로 div를 표시하는 방법
- 2. 소셜 미디어를 한 줄로 만드는 방법은 무엇입니까?
- 3. HTML에서이 div를 만드는 방법
- 4. 깜박이는 div를 만드는 방법?
- 5. droppable div를 만드는 방법
- 6. bash에서 한 줄로 작성하는 방법
- 7. 출력을 한 줄로 표시하는 방법
- 8. 배열을 한 줄로 인쇄하는 방법
- 9. 파일을 한 줄로 읽는 방법?
- 10. jquery로 div를 간단하게 만드는 방법
- 11. CSS 플로트를 사용하여 div를 한 줄로 표시 하시겠습니까?
- 12. mkdir하고 한 줄로 새 디렉토리로 전환하는 방법
- 13. Gridview : 머리글 텍스트를 여러 줄로 만드는 방법?
- 14. 유레카로 여러 줄로 레이블을 만드는 방법
- 15. 왼쪽에 한 div를 넣고 오른쪽에 두 div를 붙이는 방법
- 16. Div를 배경색으로 투명하게 만드는 방법
- 17. div를 100 %로 만드는 방법
- 18. jQuery로 부동 div를 만드는 방법
- 19. div를 사용하여 페이지를 만드는 방법
- 20. 정적 크기로 div를 만드는 방법
- 21. 한 줄에 div를 유지하고 타원을 추가하는 방법
- 22. UITextField 텍스트를 여러 줄로 만드는 방법
- 23. 사용자가 입력 한 값을 기반으로 여러 div를 만드는 방법
- 24. 사용자가 입력 한 값을 기반으로 div를 만드는 방법
- 25. jQuery로 div를 밀어 넣고 div를 새로운 줄로 밀어 넣으십시오.
- 26. 한 줄로 구분 된 두 줄을 한 줄로 변환하십시오.
- 27. 한 줄로 폭발
- 28. 여러 줄부터 한 줄로
- 29. 사용자를 한 줄로 제한
- 30. 한 줄로 출력
게시글에 필수 코드 만 게시하십시오. 가능한 경우 게시 하시겠습니까? –
나는 당신이 원하는 것을 전혀 모릅니다. 모든 코드를 JSFiddle에 넣고 변경하려는 내용을 알려주지 않았습니다. 또한이 작업을 완료하려고 시도한 것을 알려주십시오. 이게 무슨 뜻이야? [DEMO] (http://jsfiddle.net/Ruddy/Q9752/) – Ruddy
열을 나란히 표시하려고합니까? 그렇다면 main div를 display : table로 설정하고 하위 div를 표시하도록 설정할 수 있습니다 (table-cell). 하지만 질문에 더 분명하게 대답해야합니다. – magi182