나는 양식을 만들었으며 페이지에 가운데 놓으려고했지만 작동하지 않습니다. 이 2 CSS를 적용 해 보았지만 작동하지 않았습니다. HTML CSS Form - 양식을 페이지 중앙에 배치하는 방법?
form{margin: 0 auto;}
form{margin: auto;}
그러나이 작품 :
{margin: 0 250px 0;}
양식 here
는이 작업을 달성하기 위해 두 가지 일을 할 필요가있다.
2) 너비를 고정하십시오 (현재 너는 auto입니다).
데모 : http://jsfiddle.net/bMf9M/2/
또는 폼의 크기를 수정하지 않으려면, 당신은
데모 text-align: center (감사 @donderpiet)를 사용할 수 있습니다 : http://jsfiddle.net/bMf9M/4/
당신은 컨테이너의 최대 너비를 자동으로 크기 display:block 속성 요소로 컨테이너의 폭을 지정해야합니다.
컨테이너에서 너비를 자동 조정하려면 어떻게해야합니까?>? –
@donderpiet 그런 다음 %와 같은 상대 단위를 사용하십시오. – thatidiotguy
margin : auto를 사용하려면 너비를 설정해야합니다. block을 할 양식에
1) 변경 inline-block 표시 :
'display : inline-block; '속성을 가진 요소에는 없습니다. –
귀하의 form가있다 속성 display: inline-block;은 인라인 요소처럼 동작합니다. 따라서 가로가 중앙이되게하려면 부모에 text-align: center;을 추가해야합니다. 이처럼 : http://jsfiddle.net/bMf9M/4/.
양식의 text-align을 left으로 설정하는 것을 잊지 마세요. 그렇지 않으면 가운데 맞춤 텍스트가 표시됩니다.
또한 가운데 텍스트를 가운데 정렬하려면 텍스트 정렬 : 왼쪽; 더 좋은 방법이 있습니까? – Sourabh
''inline-block '값을 쓰는 동안은 그렇게 생각하지 않습니다. –
그러나 양식의 너비를 자동 조정하려면 어떻게해야합니까? 'inline-block'을 떠나서 부모에게'text-align : center'를 추가하는 것이 더 쉽습니다. –
너비 : 자동 너비를 최소 너비로 설정합니까? – Sourabh
@donderpiet 그런 다음 ** 모든 ** 양식이 중심에 놓이게 될 것입니다. http://jsfiddle.net/bMf9M/5/ – mattytommo