2010-07-31 5 views
11

우리는 div의 너비를 미리 알지 못한다는 것을 감안할 때?textarea가 부모 너비의 너비를 채우는 방법?

제 아이디어 : JS로 div의 너비를 계산하고, 그것을 cols로 변환하는 방법을 찾고 CSS를 텍스트 영역에 적용하십시오. 그러나 아마 바퀴를 재발 명할 필요는 없습니다.

감사합니다.

답변

28

<textarea style="width:100%"> * 대부분의 경우 작동합니다.

그렇지 않은 경우 자세한 정보를 제공해주세요.

* 참고 : 어떤 이유로 유효성을 검사하려면 colsrows 속성이 필요합니다. 그러나 너비 또는 높이를 설정하면 값이 무시되므로 원하는 값을 입력하십시오.

+0

대단히 감사합니다. – johnjohn

+0

+1 '너비 : 100 %'효과를 내기 위해서는 이러한 속성이 필요하다는 것을 결코 깨닫지 못했습니다. 부모 컨테이너 크기를 조정하면 텍스트 영역의 크기를 자동으로 조정하기 위해 다른 방법을 사용했지만 지금은 훨씬 쉽습니다. 감사합니다! –

+0

@FelixKling'cols'와'rows'가'width : 100 %'작업을하기 위해 필요하다고 생각하지 않습니다 ...'cols'와'rows'는'textarea' HTML 요소의 필수 속성입니다. HTML 유효성 검사기가 불평 할 것이다. '너비 : 100 %'는 예상대로 작동하며 브라우저의 기능입니다. 이것은 오래된 브라우저에서는 작동하지 않습니다. –

관련 문제