검색
검색

두 개의 입력 상자를 같은 줄에 정렬하는 방법

debugcn 에 게시 Dev
6
조립식 쇠지레

두 개의 입력 상자를 같은 줄에 정렬하는 데 문제가 있습니다. 하나를 오른쪽으로 띄울 때마다 즉시 다음 줄로 밀어 넣습니다.

같은 줄에 두 개의 입력 상자를 가질 수 있습니까? 하나는 왼쪽에 있고 다른 하나는 오른쪽에 정렬되어 있습니다.

여기에 JS 바이올린

 .inline
    {
    display: inline;

    }

input
{
    width:15%; 
            font-weight:bold;
            background-color:transparent;
            border: 1px solid;
            font-size: 13px;
            font-family: Arial;

}



        html
        {

        height: 100%;
         margin-bottom: 0px;
        }


        * {
    margin: 0;
}



        .body {

        font-family: Arial;
        font-size: 13px; 
        background-color: #ffffff;
        margin-top:0px;
        margin-left:10%;
        margin-right: 10%;
        margin-bottom: 0px;
        padding:0
        height: 100%;
        line-height: 200%;
        }



.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}


.footer, .push {
 line-height: 120%;
    height: 112px; /* .push must be the same height as .footer */
     text-align: center;
            font-size: 10px; 
}

<body>

<div class="body">

<div class="wrapper">
<span class="inline">

 <input class="inputbold" type="text" name="" placeholder="boldinput"  /> 
 <div style="text-align: right;">

 <input class="inputbold" type="text"  name="" placeholder="blah"/> </div>

</span>

    </div>

    </div>
조롱

이는 두 번째 입력 필드가 요소 내부에 래핑되어 있기 때문에 발생합니다. 제거하면 문제가 해결됩니다.

<div class="body">    
   <div class="wrapper">
     <span class="inline">
       <input class="inputbold" type="text" name="" placeholder="boldinput"  />     
       <input class="inputbold" type="text"  name="" placeholder="blah"/> </div>
     </span>
   </div>
</div>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

같은 줄에 두 개의 문자열 값을 연결하는 방법은 무엇입니까?

분류에서Dev

같은 줄에 두 개의 에코 문자열을 만드는 방법은 무엇입니까?

분류에서Dev

Bash를 사용하여 다른 장소에서 같은 줄에서 두 개의 숫자를 grep하는 방법은 무엇입니까?

분류에서Dev

두 개의 TextView와 같은 행에 이미지를 설정하는 방법은 무엇입니까?

분류에서Dev

":"로 여러 줄의 JOptionPane 출력 대화 상자 메시지를 정렬하는 방법은 무엇입니까?

분류에서Dev

navbar에서 두 개의 개별 메뉴 링크를 정렬하는 방법은 무엇입니까?

분류에서Dev

두 개의 버튼에서 단일 입력 상자에 값을 추가하는 방법은 무엇입니까?

분류에서Dev

같은 줄에 여러 줄을 포함하는 두 개의 div를 표시하는 방법

분류에서Dev

같은 줄에 두 개의 이미지와 텍스트를 설정하는 방법

분류에서Dev

두 개의 <p> 요소를 같은 줄에 정렬

분류에서Dev

Java의 .txt 파일에서 같은 줄에 두 개의 구분 기호로 텍스트를 분할하는 방법은 무엇입니까?

분류에서Dev

두 개의 부트 스트랩 입력 그룹을 같은 줄에 배치하는 방법은 무엇입니까?

분류에서Dev

자바에서 두 개의 열로 CSV 파일을 정렬하는 방법은 무엇입니까?

분류에서Dev

이미지를 같은 줄에 정렬하는 방법은 무엇입니까?

분류에서Dev

같은 줄에 두 함수를 연결하는 방법은 무엇입니까?

분류에서Dev

HTML 또는 CSS를 사용하여 두 개의 수평선을 같은 줄에 표시하는 방법은 무엇입니까?

분류에서Dev

MATLAB에서 하나의 그림에 두 개의 줄기 플롯과 두 개의 상자 플롯을 플로팅하는 방법은 무엇입니까?

분류에서Dev

같은 줄에 여러 변수를 입력하는 방법 C ++

분류에서Dev

두 개의 다른 콤보 상자에서 입력을 얻는 방법은 무엇입니까?

분류에서Dev

두 개의 LinearLayouts를 정렬하는 방법은 무엇입니까?

분류에서Dev

PHP 또는 CSS에서 같은 줄에 두 개의 링크를 추가하는 방법

분류에서Dev

부트 스트랩에서 같은 줄에 두 개의 div를 배치하는 방법

분류에서Dev

Perl 질문. 같은 줄에있는 두 개의 변수를 대체하는 방법이 필요합니다.

분류에서Dev

두 개의 입력 상자 중 하나에 입력이있을 때 입력 상자의 값을 반대 숫자로 자동 설정하는 방법은 무엇입니까?

분류에서Dev

이미지 상단과 같은 줄의 입력을 조정하는 방법은 무엇입니까?

분류에서Dev

div 입력 태그와 버튼을 같은 줄에 정렬하는 방법

분류에서Dev

높이가 같은 두 div를 정렬하는 방법은 무엇입니까?

분류에서Dev

의사 요소를 사용할 때 텍스트의 두 번째 줄을 첫 번째 줄에 정렬하는 방법은 무엇입니까?

분류에서Dev

C #에서 두 개의 콤보 상자를 동적으로 연결하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    같은 줄에 두 개의 문자열 값을 연결하는 방법은 무엇입니까?

  2. 2

    같은 줄에 두 개의 에코 문자열을 만드는 방법은 무엇입니까?

  3. 3

    Bash를 사용하여 다른 장소에서 같은 줄에서 두 개의 숫자를 grep하는 방법은 무엇입니까?

  4. 4

    두 개의 TextView와 같은 행에 이미지를 설정하는 방법은 무엇입니까?

  5. 5

    ":"로 여러 줄의 JOptionPane 출력 대화 상자 메시지를 정렬하는 방법은 무엇입니까?

  6. 6

    navbar에서 두 개의 개별 메뉴 링크를 정렬하는 방법은 무엇입니까?

  7. 7

    두 개의 버튼에서 단일 입력 상자에 값을 추가하는 방법은 무엇입니까?

  8. 8

    같은 줄에 여러 줄을 포함하는 두 개의 div를 표시하는 방법

  9. 9

    같은 줄에 두 개의 이미지와 텍스트를 설정하는 방법

  10. 10

    두 개의 <p> 요소를 같은 줄에 정렬

  11. 11

    Java의 .txt 파일에서 같은 줄에 두 개의 구분 기호로 텍스트를 분할하는 방법은 무엇입니까?

  12. 12

    두 개의 부트 스트랩 입력 그룹을 같은 줄에 배치하는 방법은 무엇입니까?

  13. 13

    자바에서 두 개의 열로 CSV 파일을 정렬하는 방법은 무엇입니까?

  14. 14

    이미지를 같은 줄에 정렬하는 방법은 무엇입니까?

  15. 15

    같은 줄에 두 함수를 연결하는 방법은 무엇입니까?

  16. 16

    HTML 또는 CSS를 사용하여 두 개의 수평선을 같은 줄에 표시하는 방법은 무엇입니까?

  17. 17

    MATLAB에서 하나의 그림에 두 개의 줄기 플롯과 두 개의 상자 플롯을 플로팅하는 방법은 무엇입니까?

  18. 18

    같은 줄에 여러 변수를 입력하는 방법 C ++

  19. 19

    두 개의 다른 콤보 상자에서 입력을 얻는 방법은 무엇입니까?

  20. 20

    두 개의 LinearLayouts를 정렬하는 방법은 무엇입니까?

  21. 21

    PHP 또는 CSS에서 같은 줄에 두 개의 링크를 추가하는 방법

  22. 22

    부트 스트랩에서 같은 줄에 두 개의 div를 배치하는 방법

  23. 23

    Perl 질문. 같은 줄에있는 두 개의 변수를 대체하는 방법이 필요합니다.

  24. 24

    두 개의 입력 상자 중 하나에 입력이있을 때 입력 상자의 값을 반대 숫자로 자동 설정하는 방법은 무엇입니까?

  25. 25

    이미지 상단과 같은 줄의 입력을 조정하는 방법은 무엇입니까?

  26. 26

    div 입력 태그와 버튼을 같은 줄에 정렬하는 방법

  27. 27

    높이가 같은 두 div를 정렬하는 방법은 무엇입니까?

  28. 28

    의사 요소를 사용할 때 텍스트의 두 번째 줄을 첫 번째 줄에 정렬하는 방법은 무엇입니까?

  29. 29

    C #에서 두 개의 콤보 상자를 동적으로 연결하는 방법은 무엇입니까?

뜨겁다태그

보관