배향 텍스트 영역

Question

필자 내 폼 요소를 정렬하는 다음 CSS 코드를 사용했다. 나는 다음을 시도했다. 그러나 그 didnt는 일한다

form input,textarea { position:absolute; left:11em; } 

나는 이것을 고치는 어떤 방법이라도?

감사합니다.

Answer 1

아무도 현재 결과를 보지 않고도이 문제를 해결할 수 있습니다. 필자는 일반적으로 도구 설명과 같이 복잡한 작업을 수행하지 않는 한 일반적으로 절대 위치 지정을 피합니다. 마진을 사용하여 원하는 것을 달성 할 수 없습니까?

Answer 2

Firefox와 같은 특정 버그 인 것 같습니다. 내가 파이어 폭스의 텍스트 영역과 그 글꼴에 대한이 버그에 관한 생각 : Mozilla 3.0.8 and Chrome height in em bug workaround

다음과 같은 코드를 추가하면 귀하의 위치가 작동합니다 : 다른 해결 방법은 대신 EM의이야 픽셀을 사용하고 또한

form { font: 11px Arial; } 
form textarea { font-size: 100%; font-family: inherit; } 

을 .

Answer 3

질문에 답변하지는 않지만 "text-align"을 사용하지 않는 이유는 무엇입니까? 양식 요소를 배치하기위한 절대 위치 지정은 귀에 약간 이상하게 들립니다.

Answer 4

이런 식으로 절대 위치 지정을 사용해야하는 경우 left 대신 margin을 사용 했습니까? 다른 사람들이 지적했듯이, 더 많은 정보없이 문제를 해결하는 것은 어렵습니다.