입력 텍스트 상자 HTML을 중앙에 배치하는 방법은 무엇입니까?

나는 양식이 있으며 가운데에 텍스트 상자와 레이블을 가운데에 배치하려고합니다. 어떻게해야합니까? (나는 자동으로 왼쪽과 오른쪽을 정렬하는 것이 좋겠지 만 작동하지는 않을 것이라고 생각했을 것이다).입력 텍스트 상자 HTML을 중앙에 배치하는 방법은 무엇입니까?

<body> 
    <div id="formWrapper"> 
      </center> 
      <form method ="post" action="addMember.php"> 
      <label for="name">Username:</label> 
      <input name="name"/> 
      <label for="password">Password:</label> 
      <input name="password"/> 
      <label for="email">Email:</label> 
      <input name="email"/> 
      <p> 
      <fieldset> 
      <input class="btn" name="submit" type="Submit" value="Register"/> 
      <input class="btn" name="reset" type="reset" value="Clear Form"> 
      </fieldset> 
     </form> 
    </div> 
</body>

스타일 : 양식에 text-align: center을 적용하면

#formWrapper{ 
    width:550px; 
    padding: 2em 0 2em 0; 
    border:solid 5px #F1F1F1; 
    margin-top: 100px; 
    margin-right: auto; 
    margin-bottom: 0; 
    margin-left: auto; 
    background-color: #AFC8DE; 
}

출처

2011-08-25 Spike Lee

'텍스트 정렬을 추가 센터 '를 formWrapper'의 사업부가 그것을해야한다'#을 위해. – adarshr

이전에 해봤지만 제대로 작동하지 않았다. 감사합니다. D. –

그것은 중앙에 필드를 배치합니다 이건 내 코드입니다.

의미는 여기에서 중요하므로 양식에 액세스 할 수있는 방법을 살펴보십시오.

출처

2011-08-25 09:51:33 Chris

IE에서는 잘 작동하지만 Google 크롬에서는 다음 결과를 얻습니다. http://imageshack.us/photo/my-images/585/unledsie.png/ obv가 중앙에 있지 않지만 어떻게 해결할 수 있습니까? –

코드를 게시 할 수 있습니까? 어딘가에 패딩이있을 수 있습니다. – Chris

물론 이죠, CSS 코드 http://pastebin.com/Fuq5Qjqc heres –

http://www.alistapart.com/articles/prettyaccessibleforms 이것 좀 봐 : http://jsfiddle.net/7auS8/

출처

2011-08-25 09:51:55 kleinohad

border: 1px solid gray; 
    border-radius:5px; 
    color: #393939; 
    height: 30px; 
    padding: 0px 6px 0 6px; 
    width: 186px;

출처

2013-10-19 08:35:41

이 코드를 가져다가 adarshr 대답을 시도하고 양식을 중심으로한다. Chris는 또한 의미를 올바르게 본다면 여기에서 매우 중요하다는 것을 알았습니다. 왜냐하면 그것을보고 난 후에 당신이 찾고 있던 것과 정확히 같지 않을 수도 있기 때문입니다. 이 초보자를 읽고있는 누군가에게 이것을 덧붙이고 싶었던 또 다른 요점은 text-align : center; 그것은 css 파일에 들어가서 a로 끝나야합니다.

출처

2014-08-07 18:38:55 greb22

는 = "센터"정렬 양식에

div id="formWrapper"> 
     <form method ="post" action="addMember.php" align="center"> 
      <label for="name" >Username:</label> 
      <input name="name"/> 
      <p> 
      <label for="password">Password:</label> 
      <input name="password"/> 
      <p> 
      <label for="email">Email:</label> 
      <input name="email"/> 
      <p> 
      <fieldset> 
       <input class="btn" name="submit" type="Submit" value="Register"/> 
       <input class="btn" name="reset" type="reset" value="Clear Form"> 
      </fieldset> 
     </form> 
    </div>

출처

2017-05-05 04:03:23

입력 텍스트 상자 HTML을 중앙에 배치하는 방법은 무엇입니까?

답변

관련 문제