2014-01-25 3 views
-2

텍스트 상자가 있지만 사용자가 상자를 크게 만들면 레이아웃이 손상됩니다.텍스트 영역 크기를 제한하는 방법은 무엇입니까?

최대 길이를 사용해 보았지만 여전히 작동하지 않습니다.

크기를 더 크게 만들 수있는 옵션을 제거하려면 어떻게해야합니까? CSS를 추가에서

+0

대신'max-width' 및'max-height'를 사용해보십시오. – Joeytje50

+0

사용자가 텍스트 영역의 크기를 조절하지 못하도록하는 옵션을 찾고 있다고 생각합니다. HTML만으로는 불가능합니다. CSS가 필요합니다 :'textarea {resize : none; }'. – Pavlo

+0

[Safari의 텍스트 영역 숨기기 크기 조정 핸들] 복제본 (http://stackoverflow.com/questions/588089/hiding-textarea-resize-handle-in-safari) (솔루션은 Safari에 종속되지 않음) – j08691

답변

1

:

max-width: 200px; 

또는이

<textarea style="max-width: 200px;"></textarea> 

편집 같은

:

가 아니면 또한 크기 조정 기능을 숨길 수 있습니다 사용하여 :

textarea { 
    resize: none; 
} 

당신 또한 deci 수 있습니다. de를 사용하여 텍스트 영역의 크기를 가로 또는 세로로만 조정하십시오.

textarea { resize:vertical; } 

textarea { resize:horizontal; } 
+0

모퉁이에있는 두 개의 작은 선을 숨길 수 있을까요? –

+0

그냥 텍스트 영역에 추가 ** style = "resize : none;"** –

+0

이것은 브라우저 간 호환이 가능합니까? –

관련 문제